Scroll Driven Animation is the future of CSS animation

We shared some crazy examples of scroll-driven animation. Watch this video and be inspired

Bunch of demos and source Code

Important Links

Demos

https://scroll-driven-animations.style/

Blog by Chrome
https://developer.chrome.com/articles/scroll-driven-animations/

animation-timeline
https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline#browser_compatibility

read more blog

• https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css/
• https://www.w3.org/TR/scroll-animations-1/
• https://github.com/w3c/csswg-drafts/blob/main/scroll-animations-1/EXPLAINER.md
• https://codelabs.developers.google.com/scroll-driven-animations#0