Загрузка видео...

Не удалось загрузить видео

На главную

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

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

146,506 subscribers

26,518 просмотров • 3 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 1 год назад

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 просмотров • 2 лет назад

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 просмотров • 9 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 3 лет назад

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

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

ESL Dota2

55,234 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

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 просмотров • 3 лет назад

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 просмотров • 1 год назад

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 просмотров • 10 месяцев назад

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 просмотров • 9 месяцев назад

👨‍🍳 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 просмотров • 7 месяцев назад

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 просмотров • 7 месяцев назад

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

The invisible steps that make this combo possible 🥹

Takamura

72,753 просмотров • 10 месяцев назад

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

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

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

511,872 просмотров • 22 дней назад