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.
Sort: