We have scroll-driven animations. Now, meet scroll-triggered animations.

Chrome's platform is a leading web browser developed by Google, offering insights into web standards, browser features, and web development tools. Through documentation, developer tools, and webinars, Chrome provides insights into building modern web applications and optimizing performance. Developers can learn about web APIs, progressive web apps (PWAs), and Chrome DevTools to create fast, secure, and user-friendly web experiences.

Chrome Developers

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.

CSS scroll-triggered animations are coming!

Timeline triggers, animation triggers, and actions