Scroll-driven animations are coming to CSS! In this post, we'll look at a few types of animations and learn how to link them to the scroll progress of a container.

MDN Blog is a platform or publication associated with Mozilla Developer Network (MDN), offering articles, updates, and resources for web developers. Readers can find tutorials, documentation, and best practices for web development technologies such as HTML, CSS, JavaScript, and web APIs. With contributions from experts and community members, MDN Blog provides  insights and guidance to help developers build better web experiences.

MDN Blog

Scroll progress animations in CSS Scroll-linked animations can often add a touch of class to a website, but have long been the preserve of JavaScript. Now a new specification is being implemented to enable us to create rich scroll-driven experiences with CSS. The Scroll-driven Animations specification covers both these types of animations.

Scroll progress animations in CSS

<p>I didn’t see any scrolling animations</p>
