High End CSS: Abusing scroll-based-animation to interpolate values through children in a container

Open link in next tab

Position-Driven Styles

https://kizu.dev/position-driven-styles/

After solving the fit-to-width text, stuck state for sticky elements, and scroll shadows, I wondered: how many other items from various CSS wishlists could I solve with scroll-driven animations? A lot. Styling flex and grid rows and columns, staggered animations, wrap detection, and more — all in my new article.