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

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

На главную

how does duolingo create those super satisfying pressable buttons in pure CSS? they use this one weird trick:

Steve8708's profile picture

Steve (Builder.io)

121,261 subscribers

30,608 просмотров • 9 месяцев назад •via X (Twitter)

Наука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

How to create spin buttons in Excel. Would you use these? 👀
0:26

How to create spin buttons in Excel. Would you use these? 👀

Excel Dictionary

271,988 просмотров • 2 лет назад

do you know how Nike and Apple make those buttery smooth carousels in pure CSS? now you do:
4:02

do you know how Nike and Apple make those buttery smooth carousels in pure CSS? now you do:

Steve (Builder.io)

45,864 просмотров • 9 месяцев назад

This one weird trick would end Islamic terror in the West
1:41

This one weird trick would end Islamic terror in the West

Kim Iversen 🇺🇸

15,684 просмотров • 7 месяцев назад

They make those support bands but they just don’t do the trick. This is pure relief! 😅😅😅
1:46

They make those support bands but they just don’t do the trick. This is pure relief! 😅😅😅

Blonde of War (JJ)

6,562,164 просмотров • 3 дней назад

Republicans can break the Democrat filibuster with this one weird trick: Force them to talk until they drop.
2:03

Republicans can break the Democrat filibuster with this one weird trick: Force them to talk until they drop.

Mike Lee

63,539 просмотров • 7 месяцев назад

In 2026, I’d really like to learn a new language. I’m thinking this one. Does Duolingo offer Ebonics?
0:39

In 2026, I’d really like to learn a new language. I’m thinking this one. Does Duolingo offer Ebonics?

Dr. Jebra Faushay

12,468 просмотров • 6 месяцев назад

The boy discover the trick they use in this casino
2:46

The boy discover the trick they use in this casino

Milley Michael

1,472,195 просмотров • 2 месяцев назад

Use this one trick to find the bomb in CS2
0:23

Use this one trick to find the bomb in CS2

Tradeit

162,251 просмотров • 1 месяц назад

How does one discover they have this skill?
0:35

How does one discover they have this skill?

The Ben Shapiro Show

51,681 просмотров • 2 месяцев назад

How does one learn they have this skill?
0:25

How does one learn they have this skill?

Interesting things

43,365 просмотров • 2 месяцев назад

How does one man create music this heavenly with a flu voice? Wizkid is an angel in disguise.
2:16

How does one man create music this heavenly with a flu voice? Wizkid is an angel in disguise.

HEEMA

50,779 просмотров • 3 месяцев назад

Pojoquiet shared a quick tutorial showing a simple trick they often use to create sci-fi textures in Blender. See more:
1:33

Pojoquiet shared a quick tutorial showing a simple trick they often use to create sci-fi textures in Blender. See more:

Jettelly Inc.

14,839 просмотров • 6 месяцев назад

How does one figure out they can do this
0:24

How does one figure out they can do this

vids that go hard

101,612 просмотров • 1 год назад

how does one find out they have this skill?
0:23

how does one find out they have this skill?

Enezator 1 Mn thx

26,597 просмотров • 1 год назад

How does one even discover they can do this? 😳
0:23

How does one even discover they can do this? 😳

Dami’ Adenuga

13,237 просмотров • 5 дней назад

CSS Trick 🖼️ You could take the resize trick from last week and use it to create one of those sliding image components 👀 CSS only, JavaScript to enhance later 🤓 Put an image in each panel and make them position: absolute. They can use a container query unit for their size 🫶 img { position: absolute; width: 100cqi; // Make them the container width 🤙 } .panel:last-of-type img { right: 0; } The rest of the trick from last week was using display:grid with grid-template-columns. Then we have a resizable element inside the first column 😎 .panels{ display: grid; grid-template-columns: auto 1fr; 👈 } .resizer{ max-width: 100cqi; overflow: hidden; resize: horizontal; 👈 } Where does JavaScript come in? To progressively enhance the thing with keyboard controls ✨ Not 100% sure of the pattern for that though. Feels like it should be a button that you can toggle into resize mode and then use left/right to resize 🤔 Anyways, CodePen.IO link below! 👇
0:30

CSS Trick 🖼️ You could take the resize trick from last week and use it to create one of those sliding image components 👀 CSS only, JavaScript to enhance later 🤓 Put an image in each panel and make them position: absolute. They can use a container query unit for their size 🫶 img { position: absolute; width: 100cqi; // Make them the container width 🤙 } .panel:last-of-type img { right: 0; } The rest of the trick from last week was using display:grid with grid-template-columns. Then we have a resizable element inside the first column 😎 .panels{ display: grid; grid-template-columns: auto 1fr; 👈 } .resizer{ max-width: 100cqi; overflow: hidden; resize: horizontal; 👈 } Where does JavaScript come in? To progressively enhance the thing with keyboard controls ✨ Not 100% sure of the pattern for that though. Feels like it should be a button that you can toggle into resize mode and then use left/right to resize 🤔 Anyways, CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

111,404 просмотров • 2 лет назад

In Mongolia, this is how they create freezers...
0:54

In Mongolia, this is how they create freezers...

Dudes Posting Their W’s

634,669 просмотров • 1 год назад

How does one find themself in this position?
0:32

How does one find themself in this position?

TaraBull

43,374 просмотров • 16 дней назад

This CSS trick is fascinating ⭐️ By setting: [type=range] { overflow: hidden; } You can create a view timeline on the handle: ::-webkit-slider-thumb { view-timeline: --thumb inline; } And then you can use that to build all sorts of custom range sliders 🚀
0:25

This CSS trick is fascinating ⭐️ By setting: [type=range] { overflow: hidden; } You can create a view timeline on the handle: ::-webkit-slider-thumb { view-timeline: --thumb inline; } And then you can use that to build all sorts of custom range sliders 🚀

jhey ʕ•ᴥ•ʔ

94,024 просмотров • 2 лет назад