正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Steve (Builder.io)

121,261 subscribers

30,608 次观看 • 10 个月前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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:

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

Steve (Builder.io)

45,864 次观看 • 10 个月前

This one weird trick would end Islamic terror in the West

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! 😅😅😅

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

Blonde of War (JJ)

6,647,288 次观看 • 20 天前

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

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

Mike Lee

63,633 次观看 • 7 个月前

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

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 次观看 • 7 个月前

The boy discover the trick they use in this casino

The boy discover the trick they use in this casino

Milley Michael

1,473,469 次观看 • 2 个月前

Use this one trick to find the bomb in CS2

Use this one trick to find the bomb in CS2

Tradeit

162,779 次观看 • 2 个月前

How does one learn they have this skill?

How does one learn they have this skill?

Interesting things

43,365 次观看 • 3 个月前

How does one discover they have this skill?

How does one discover they have this skill?

The Ben Shapiro Show

51,681 次观看 • 3 个月前

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

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:

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 次观看 • 7 个月前

how does one find out they have this skill?

how does one find out they have this skill?

Enezator 1 Mn thx

26,597 次观看 • 1 年前

How does one figure out they can do this

How does one figure out they can do this

vids that go hard

101,612 次观看 • 1 年前

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! 👇

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 年前

How does one even discover they can do this? 😳

How does one even discover they can do this? 😳

Dami’ Adenuga

13,237 次观看 • 22 天前

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

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

Dudes Posting Their W’s

634,669 次观看 • 1 年前

How does one find themself in this position?

How does one find themself in this position?

TaraBull

43,374 次观看 • 1 个月前

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 🚀

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 年前