Stunning scroll-driven animation on tempo's homepage!

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

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

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

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

The Animation Improvement On Helluva Boss Is Always So... Stunning! #HelluvaBossshow more

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

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

Tempo's built-in stablecoin exchange is elegant. Check it out below

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

Such stunning 2d animation, I love this game

💡 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

you can also water the plant on the homepage

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 :)show more