Post

Adam Argyle

@nerdy.dev

#CSS only with scroll driven animation rad work @donotfold.bsky.social try it codepen.io/donotfold/pe...

8/5/25, 9:03 pm15 reposts218 likes

NickHazyPaw

@nickhazypaw.bsky.social

8 May 2025

#CSS has so much going on that I didn't realise! Very cool codepen share, thanks! I would've thought for sure this was in JS.

Álvaro Montoro

@alvaromontoro.com

8 May 2025

It's amazing how the animation varies depending on the scrolling speed. Simply mind-blowing.

Bramus

@bram.us

8 May 2025

See www.bram.us/2023/10/23/c... for details on this technique. I also cover it in video 9 of “Unleash the Power of Scroll-Driven Animations”: scroll-driven-animations.style#learn

bram.usSolved by CSS Scroll-Driven Animations: Style an element based on the active Scroll Direction and Scroll SpeedCombine Scroll-Driven Animations with @property, transition-delay, calc(), sign() and abs() … and you can do Scroll Detection using only CSS!

Adam Argyle

@nerdy.dev

8 May 2025

I could def tell the author had watched the series! 😍

Phyrasaurus Rex

@phyrasaur.bsky.social

11 May 2025

That's so cool! I literally just saw something similar on codrops yesterday but they use canvas and all. I was like, I think theoretically this can be done in CSS? Then this 🤯