Stunning scroll-driven animation on tempo's homepage!

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

Liquidity unlocked. Tempo's $30M strategy launches exclusively on IXS.

The spell animation of the newly added Mass Ressurection... Scroll on CN Titan Reforged Realm. The scroll costs 56g to make.show more

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

Scroll animation build in claude code.

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 awesomeshow more

my recent website concept with scroll transform animation

Toolbar Header Scroll Animation Effects Using SwiftUI | Luma's... Header Scroll Effect NOTE: This is native navigation toolbar ✌️show more

Kinda related: Inline scroll areas that cut off suck... as well. Adding a scroll-driven mask to the top and bottom makes it feel much smoothershow more

YouTube has added a custom Hatsune Miku logo animation... to its homepage to celebrate Miku Day.show more

wavy carousel with CSS scroll driven animations not exactly... like OP but fun to try replicateshow more

Introducing Aniportrait: Audio-Driven Synthesis of Photorealistic Portrait Animation

Wrote about scroll-driven variable fonts. The why, the sticky... wrapper pattern, and the weight lens stagger math.show more

Interactive scroll animation for Eden's updated home page ✨... Made in Framershow more

Such stunning 2d animation, I love this game

A stunning animation featuring Our Lady of Fatima.

💡 CSS Tip! Create a Sticky Header that "sticks"!... A fancy effect powered by Scroll-Driven Animations and shape().show more

wow.. this is stunning this earth animation on this... landing page is so cool.. probably made with three.jsshow more

Scroll-triggered animations are coming to Chrome early next year... (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️show more

no it does not look stunning. and the guy... on the bike does this because AI sucks for animationshow more