Web platform features explorer - Scroll-driven animations

Web platform features explorer

Tags: api css Groups: Scrolling Animation

The animation-timeline, scroll-timeline, and view-timeline CSS properties advance animations based on the user's scroll position.

Learning resources on MDN

CSS scroll-driven animations

Browser support

Chrome 115 Released on 2023-07-18
Chrome Android 115 Released on 2023-07-21
Edge 115 Released on 2023-07-21
Firefox ❌ See bugzil.la/1676779 Vendor position : positive
Firefox for Android ❌ See bugzil.la/1676779 Vendor position : positive
Safari ❌ See webkit.org/b/222295 Vendor position : support
Safari on iOS ❌ See webkit.org/b/222295 Vendor position : support

Usage (according to Chrome Platform Status)

~0.442% of page loads. More data at chromestatus.

Specifications

Scroll-driven Animations, from Cascading Style Sheets (CSS) Working Group (W3C).

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature