Post

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

Álvaro Montoro

@alvaromontoro.com

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

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!

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

8/5/25, 10:18 pm0 reposts3 likes

No replies yet.