What is Scroll-Timeline in CSS?

Scroll-driven animations allow you to link a CSS animation's progress directly to the scroll position of a container.

Instead of running on a time-based duration (e.g., 2 seconds), the animation advances as the user scrolls. This replaces heavy JavaScript scroll event listeners (like GSAP's ScrollTrigger for basic effects).