CSS scroll-triggered animations are landing in Chrome 145 in 2026, enabling time-based animations that trigger at specific scroll offsets. Unlike scroll-driven animations where progress is tied to scroll position, scroll-triggered animations use timeline triggers with activation and active ranges to play animations forwards or backwards when elements enter or exit the viewport. The new `animation-trigger` and `timeline-trigger` CSS properties eliminate the need for IntersectionObserver for these effects, allowing declarative implementation with configurable ranges and scoping.

5m read timeFrom developer.chrome.com
Post cover image
Table of contents
Timeline triggers, animation triggers, and actionsDemoMore demosFeedback

Sort: