正在加载视频...

视频加载失败

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

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

Chrome for Developers

419,872 subscribers

61,080 次观看 • 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,260 次观看 • 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,135 次观看 • 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,167 次观看 • 1 年前

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,849 次观看 • 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,854 次观看 • 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 次观看 • 9 个月前

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

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

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

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

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

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

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,073 次观看 • 2 年前

You can start your new year with a cupcake, or you can put it all on the line. Texas and Ohio State know their choice.

You can start your new year with a cupcake, or you can put it all on the line. Texas and Ohio State know their choice.

Nike Football

48,753 次观看 • 10 个月前

Make the most of your day with better data. Energy Score with Galaxy AI calculates just how ready you are so you can set a smarter pace.

Make the most of your day with better data. Energy Score with Galaxy AI calculates just how ready you are so you can set a smarter pace.

Samsung Mobile US

61,764,613 次观看 • 1 年前

Make the most of your day with better data. Energy Score with Galaxy AI calculates just how ready you are so you can set a smarter pace.

Make the most of your day with better data. Energy Score with Galaxy AI calculates just how ready you are so you can set a smarter pace.

Samsung Mobile US

9,564,820 次观看 • 1 年前