Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

it's a combo of css pow() + clamp() that makes it possible 👨‍🍳

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,506 subscribers

26,518 Aufrufe • vor 3 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

a breakdown of how to cook letters with CSS put a little spin on it 👨‍🍳
0:31

a breakdown of how to cook letters with CSS put a little spin on it 👨‍🍳

jhey ʕ•ᴥ•ʔ

62,676 Aufrufe • vor 1 Jahr

Now CSS has JavaScript's Math.pow(), you could generate fluid font scales in CSS for viewport/container sizes 👀 (watch resize) :where(dd) { --min: calc(17 * pow(1.2, var(--lvl, 0))); font-size: clamp(var(--min), var(--fluid), var(--max)); ✨ } dd:nth-of-type(2) { --lvl: 2; }
0:32

Now CSS has JavaScript's Math.pow(), you could generate fluid font scales in CSS for viewport/container sizes 👀 (watch resize) :where(dd) { --min: calc(17 * pow(1.2, var(--lvl, 0))); font-size: clamp(var(--min), var(--fluid), var(--max)); ✨ } dd:nth-of-type(2) { --lvl: 2; }

jhey ʕ•ᴥ•ʔ

128,832 Aufrufe • vor 2 Jahren

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳
1:14

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳

jhey ʕ•ᴥ•ʔ

59,139 Aufrufe • vor 9 Monaten

I made an interactive demo showing clamp() in action and comparing it to traditional CSS media queries (link below):
0:35

I made an interactive demo showing clamp() in action and comparing it to traditional CSS media queries (link below):

Kyrylo Silin

32,296 Aufrufe • vor 3 Monaten

He makes this look easy. Admittedly, I use a grill whenever possible, but it's good to know that when that isn't possible, I guess. Either way, it's making me hungry.
2:20

He makes this look easy. Admittedly, I use a grill whenever possible, but it's good to know that when that isn't possible, I guess. Either way, it's making me hungry.

J∅kër Kîng 👑

24,332 Aufrufe • vor 1 Monat

Learn CSS Flexbox in One minute ( Save It) Animated tutorial makes learning CSS easier.
1:08

Learn CSS Flexbox in One minute ( Save It) Animated tutorial makes learning CSS easier.

Alamin

65,665 Aufrufe • vor 3 Jahren

Hooks and teleporting - name a better combo... 👨‍🍳 #DreamLeague #dota2
0:34

Hooks and teleporting - name a better combo... 👨‍🍳 #DreamLeague #dota2

ESL Dota2

55,234 Aufrufe • vor 1 Jahr

CSS "will-change" is not always the answer – sometimes it can make things worse reach for "transform: translateZ(0)" and give that a try if you're having issues with motion 👨‍🍳
0:26

CSS "will-change" is not always the answer – sometimes it can make things worse reach for "transform: translateZ(0)" and give that a try if you're having issues with motion 👨‍🍳

jhey ʕ•ᴥ•ʔ

54,922 Aufrufe • vor 1 Jahr

It's that time of year again 🥵 p.s big fan of CSS 🥁
0:26

It's that time of year again 🥵 p.s big fan of CSS 🥁

jhey ʕ•ᴥ•ʔ

90,107 Aufrufe • vor 2 Jahren

In Mario Kart Wii, looking back and forth while the POW block is on screen makes the block appear a bit larger for a frame. What's actually happening is that the game adjusts the distance of the POW towards the screen so that it's always the same, as seen at the end.
0:32

In Mario Kart Wii, looking back and forth while the POW block is on screen makes the block appear a bit larger for a frame. What's actually happening is that the game adjusts the distance of the POW towards the screen so that it's always the same, as seen at the end.

B_squo

11,544 Aufrufe • vor 1 Jahr

4 ways of centering a div - CSS It's easier to learn something when it is animated. 🚀
0:44

4 ways of centering a div - CSS It's easier to learn something when it is animated. 🚀

Ali Reza

96,180 Aufrufe • vor 3 Jahren

Nobody asked for it, but here is a Terry stun combo that wasn't possible on the previous version : #KOFXV_Terry
0:22

Nobody asked for it, but here is a Terry stun combo that wasn't possible on the previous version : #KOFXV_Terry

frionel @ 狼の街

39,409 Aufrufe • vor 1 Jahr

when the tool is missing, make it 👨‍🍳 motion path visualizer w/ SVG for accumulated cubic-bezier timed CSS animations ⚡
0:24

when the tool is missing, make it 👨‍🍳 motion path visualizer w/ SVG for accumulated cubic-bezier timed CSS animations ⚡

jhey ʕ•ᴥ•ʔ

213,573 Aufrufe • vor 10 Monaten

context-aware css card glow/shine effect 👨‍🍳 the trick: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur 🤙 check it 👇
0:33

context-aware css card glow/shine effect 👨‍🍳 the trick: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur 🤙 check it 👇

jhey ʕ•ᴥ•ʔ

841,982 Aufrufe • vor 9 Monaten

👨‍🍳 Goldbridge makes Yorkshire puddings but it gets progressively more unhinged.
2:00

👨‍🍳 Goldbridge makes Yorkshire puddings but it gets progressively more unhinged.

The United Stand

33,927 Aufrufe • vor 7 Monaten

CHEF AHN COMPLIMENTING THE DISH MADE BY DOKYEOM (assisted by our boo)! They turned it into culinary class wars scene😂 #도겸 👨‍🍳What do you think about this result? 🐰I think this comes out okay/not bad 👨‍🍳Actually, for pot rice.. 🍊Here it comes, here it comes 👨‍🍳 It's kinda... It's a tricky dish. Actually, there are a few things that depends on different personal tastes, but that aside.. this pot rice is... I think it's a really delicious pot rice!
0:48

CHEF AHN COMPLIMENTING THE DISH MADE BY DOKYEOM (assisted by our boo)! They turned it into culinary class wars scene😂 #도겸 👨‍🍳What do you think about this result? 🐰I think this comes out okay/not bad 👨‍🍳Actually, for pot rice.. 🍊Here it comes, here it comes 👨‍🍳 It's kinda... It's a tricky dish. Actually, there are a few things that depends on different personal tastes, but that aside.. this pot rice is... I think it's a really delicious pot rice!

⁽̨̡ ¨̮ ⁾̧̢🌻

35,758 Aufrufe • vor 7 Monaten

The invisible steps that make this combo possible 🥹
0:29

The invisible steps that make this combo possible 🥹

Takamura

72,753 Aufrufe • vor 10 Monaten

It's not magic but it's a kitchen technique 👨‍🍳
0:23

It's not magic but it's a kitchen technique 👨‍🍳

ᴋɪᴛᴄʜᴇɴ ʀᴇᴄɪᴘᴇꜱ👩‍🍳

511,872 Aufrufe • vor 22 Tagen