🔵 Using Scroll-Driven Animations for Opposing Scroll Directions
by Silvestar Bistrović @silvestar.codes @cita
at @csstricks
#Animation #ScrollDrivenAnimations #css #webdev

https://css-tricks.com/scroll-driven-animations-opposing-scroll-directions/

🚴‍♂️ Creating Scroll-Driven SVG Map Animations with GSAP
by Tom Miller @creativeocean.com
at @codrops

#GSAP #webdev #ScrollDrivenAnimations

https://tympanus.net/codrops/2026/05/21/creating-scroll-driven-svg-map-animations-with-gsap/

🔵🟡 Scroll-Driven Animations
by Josh Comeau @joshwcomeau.com @joshwcomeau
Exploring the majestic new animation-timeline API

#ScrollDrivenAnimations #css #webdev

https://www.joshwcomeau.com/animation/scroll-driven-animations/

#Development #Guides
Scroll-driven animations · Exploring the majestic new ‘animation-timeline’ API https://ilo.im/16cio9

_____
#ModernCSS #ScrollDrivenAnimations #Animations #Timelines #APIs #WebDev #Frontend #CSS

Death to Scroll Fade!

https://fed.brid.gy/r/https://frontendmasters.com/blog/death-to-scroll-fade/

More CSS random() Learning Through Experiments

https://fed.brid.gy/r/https://frontendmasters.com/blog/more-css-random-learning-through-experiments/

#Development #Guides
Building a multi-stage timetable · How modern CSS powers a cutting-edge layout https://ilo.im/168i5y

_____
#ModernCSS #CssGrid #CssSubgrid #ScrollDrivenAnimations #Calendar #Browser #WebDev #Frontend #HTML #CSS

Numbers That Fall (Scroll-Driven Animations & Sibling Index)

https://fed.brid.gy/r/https://frontendmasters.com/blog/numbers-that-fall-scroll-driven-animations-sibling-index/

The recording of my talk “Scroll-Driven Animations with CSS” which I gave at the wonderful #JSHeroes is available to watch: https://www.youtube.com/watch?v=9Q9lsFycfis

You can find the slides (+ a write-up) on my blog: https://www.bram.us/2025/05/31/scroll-driven-animations-with-css-jsheroes/

Thanks again to the organizers for having me 😊 – Mulțumesc!

#CSS #ScrollDrivenAnimations