A First Look at Scroll-Triggered Animations

Chrome 146 is the first browser to ship scroll-triggered animations, a new CSS feature distinct from scroll-driven animations. Instead of syncing with scroll position, these animations play for a fixed duration once a scroll threshold is crossed — like Intersection Observer but in CSS. Key new properties include timeline-trigger, animation-trigger, and animation-action keywords like play-once and play-forwards.