Over the last few years, there’s been a lot of talk about and experimentation with scroll-driven animations。
It’s a very shiny feature for sure, and as soon as it’s supported in Firefox (without a flag), it’ll be baseline。
It’s part of Interop 2026, so that should be relatively soon。
Essentially, scroll-driven animations tie an animation timeline’s position to a scroll position, so if you were 50% scrolled then you’d also be 50% into the animation, and they’re surprisingly easy to set up too。
I’ve been seeing significant interest in the new CSS corner-shape property as well, even though it only works in Chrome for now。
Hence, say hello to scroll-driven corner-shape animations (requires Chrome 139+ to work fully):。
来源：CSS Tricks
