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.

Learn more

CSS scroll-driven animations

Specifications

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

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 ❌ Vendor position : support
Safari on iOS ❌ Vendor position : support

Developer signals

State of CSS 2025: reading_list/reading_list question
State of CSS 2025: features/all_features question
State of CSS 2024: usage/css_interoperability_features question
State of CSS 2024: reading_list/reading_list question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

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

Web Platform Tests (WPT)

View the latest WPT test results for this feature

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