正在加载视频...

视频加载失败

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

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

Chrome for Developers

424,210 subscribers

61,156 次观看 • 1 年前 •via X (Twitter)

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

David Mráz

22,279 次观看 • 1 年前

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO

Chrome for Developers

12,267 次观看 • 5 个月前

Scroll 🤝 Wormhole Scroll users can now transfer tokens from over 30+ blockchains, and devs can easily build natively multichain apps with the Wormhole platform.

Scroll 🤝 Wormhole Scroll users can now transfer tokens from over 30+ blockchains, and devs can easily build natively multichain apps with the Wormhole platform.

Wormhole

143,340 次观看 • 2 年前

The Scroll network is now available in Ledger Live! That means you can securely manage your $ETH, $USDT, and $USDC via the Scroll network through the Ledger ecosystem.

The Scroll network is now available in Ledger Live! That means you can securely manage your $ETH, $USDT, and $USDC via the Scroll network through the Ledger ecosystem.

Ledger

52,173 次观看 • 2 年前

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;

Solarin

21,075 次观看 • 1 年前

Use the scroll-padding CSS property when using a scroll fade so your items don't get stuck in the fade region. Bonus: It also makes clicking through each option way more convenient!

Use the scroll-padding CSS property when using a scroll fade so your items don't get stuck in the fade region. Bonus: It also makes clicking through each option way more convenient!

balint

19,996 次观看 • 4 个月前

Scroll-Triggered Animations … with nothing but CSS … oh yeah 🤩 (Blogpost coming soon)

Scroll-Triggered Animations … with nothing but CSS … oh yeah 🤩 (Blogpost coming soon)

Bramus

10,366 次观看 • 10 个月前

Pigment is such a great tool for original colour palettes. Love the infinite scroll and the playful ui elements.

Pigment is such a great tool for original colour palettes. Love the infinite scroll and the playful ui elements.

David Kirschberg

54,474 次观看 • 3 年前

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇

Since each detail view is a scroll view, we can easily recreate the same effect by combining scroll geometry and custom scroll target behavior. Result👇

Kavsoft

20,540 次观看 • 9 个月前

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇

CSS by T. Afif

35,659 次观看 • 2 年前

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

kinda wild how far you can get with CSS alone a scroll animation tied to the content scroll powers the percentage update + icon animation interpolate-size provides a way to transition the popover between button size and content size using starting-style 🤙

jhey ʕ•ᴥ•ʔ

120,951 次观看 • 2 年前

You can make elements smoothly animate between pages with just two lines of CSS. No JavaScript needed. Here's how 👇

You can make elements smoothly animate between pages with just two lines of CSS. No JavaScript needed. Here's how 👇

Victor

22,216 次观看 • 5 个月前

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,392 次观看 • 3 年前

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)

Framer University

20,883 次观看 • 1 年前

wavy carousel with CSS scroll driven animations not exactly like OP but fun to try replicate

wavy carousel with CSS scroll driven animations not exactly like OP but fun to try replicate

Wes Bos

71,941 次观看 • 10 个月前

Slow your scroll and quill with this snuggled puggle 🧡

Slow your scroll and quill with this snuggled puggle 🧡

San Diego Zoo Wildlife Alliance

37,511 次观看 • 1 年前

Recreating the Nintendo Switch Homescreen scroll UX - 90% done with #CSS - a li'l #JS for sounds, vibrations n' taps

Recreating the Nintendo Switch Homescreen scroll UX - 90% done with #CSS - a li'l #JS for sounds, vibrations n' taps

Adam Argyle

24,166 次观看 • 1 年前

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓

I put together some Tailwind CSS utilities for masking/fading edges of scroll containers using scroll-driven animations. Link below ↓

Tim Wilson

52,866 次观看 • 5 个月前