Scroll-driven animations
The animation-timeline, scroll-timeline, and view-timeline CSS properties advance animations based on the user's scroll position.
Status
Limited availability
MDN documentation
Specifications
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 HTML 2024: usage/html_interoperability_features question
- State of CSS 2025: usage/favorite_new_features question
- State of CSS 2025: usage/css_interoperability_features question
- State of CSS 2025: reading_list/reading_list question
- State of CSS 2025: interactions/interactions_pain_points 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.947% of page loads. More data at chromestatus.
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist