Web features explorer - Scroll-triggered animations

Web features explorer

Scroll-triggered animations start and stop CSS animations when an element is within or outside a scrolling range. It's an alternative to applying styles with the IntersectionObserver API. Not to be confused with scroll-driven animations.

Browser support

Chrome 146 Released on 2026-03-10
Chrome Android 146 Released on 2026-03-10
Edge 146 Released on 2026-03-13
Firefox Not supported
Firefox for Android Not supported
Safari Not supported
Safari on iOS Not supported

MDN documentation

No MDN documentation found. You can search for the feature on MDN. If you believe that MDN has no documentation about this feature, you can open an issue on MDN's GitHub repository.

Specifications

Animation Triggers, from Cascading Style Sheets (CSS) Working Group (W3C).

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist