正在加载视频...

视频加载失败

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

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

Chrome for Developers

422,462 subscribers

61,126 次观看 • 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 次观看 • 3 个月前

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,171 次观看 • 1 年前

💡 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 次观看 • 1 年前

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,875 次观看 • 1 年前

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

Devon Govett

83,922 次观看 • 11 个月前

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

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

your modal scrolls. your page scrolls too. that’s scroll chaining. put 𝚘𝚟𝚎𝚛𝚜𝚌𝚛𝚘𝚕𝚕-𝚌𝚘𝚗𝚝𝚊𝚒𝚗 on the scrollable part of the modal and the background won't scroll with your modal

your modal scrolls. your page scrolls too. that’s scroll chaining. put 𝚘𝚟𝚎𝚛𝚜𝚌𝚛𝚘𝚕𝚕-𝚌𝚘𝚗𝚝𝚊𝚒𝚗 on the scrollable part of the modal and the background won't scroll with your modal

Manu Arora

14,474 次观看 • 3 个月前

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,384 次观看 • 1 年前

100% css 0% javascript Pretty cool that you can run animations like this now off the main thread, was always a worry implementing a scroll animation knowing some users might see "jank" Safari and Firefox are sleeping far too long, scroll driven animations are awesome

100% css 0% javascript Pretty cool that you can run animations like this now off the main thread, was always a worry implementing a scroll animation knowing some users might see "jank" Safari and Firefox are sleeping far too long, scroll driven animations are awesome

Dev Ed

88,238 次观看 • 1 年前

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

Bram.us (by @bramus)

15,630 次观看 • 1 年前

Quick tip everyone using Tailwind CSS You can easily create your brand's color palette with Pro tip: hit space to cycle through colors ✨

Faizur Rehman

21,301 次观看 • 2 年前

scrolling through your tiktok while pumping your cock and suddenly you come across your baby sister's tiktok. you cant scroll away can you. just grip harder and pump

scrolling through your tiktok while pumping your cock and suddenly you come across your baby sister's tiktok. you cant scroll away can you. just grip harder and pump

taro

16,734 次观看 • 6 个月前

you'd scroll on your tl and BOOM jimin on jungkook's lap with their hands around each other

you'd scroll on your tl and BOOM jimin on jungkook's lap with their hands around each other

ze⁷

40,750 次观看 • 9 个月前

CAN I GET A TRUMP SUPPORTER FROM EVERY STATE? Comment with your favorite MAGA Meme and what state you are from...♥️ I'll start IDAHO! #TrumpGirlOnFire 🔥

CAN I GET A TRUMP SUPPORTER FROM EVERY STATE? Comment with your favorite MAGA Meme and what state you are from...♥️ I'll start IDAHO! #TrumpGirlOnFire 🔥

✞🎀TrumpGirlOnFire 🔥

84,045 次观看 • 1 年前

Just so you know, the old UI is still in the files and they can easily revert it with a simple hotfix.

Just so you know, the old UI is still in the files and they can easily revert it with a simple hotfix.

Adam

244,307 次观看 • 9 个月前

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

Complex UI: New web APIs in disguise 🥸 These balance sliders are basic input [type=range] with labels and some extra elements The magic comes from using a scroll animation on the range thumb and using it to drive a custom property that updates styles on the visuals ✨

jhey ʕ•ᴥ•ʔ

113,111 次观看 • 2 年前