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/1324602 bugzil.la/1676779 Vendor position : positive
- Firefox for Android ❌ See bugzil.la/1676779 Vendor position : positive
- Safari 26 Released on 2025-09-15
- Safari on iOS 26 Released on 2025-09-15
Baseline availability blocked since September 2025 by Firefox (5 months)
Surveys
- State of HTML 2025 > usage > html interoperability features features only
- State of HTML 2025 > usage > html interoperability features
- State of HTML 2024 > usage > html interoperability features
- State of CSS 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > usage > css general pain points
- State of CSS 2025 > reading list > reading list
- State of CSS 2025 > layout > layout pain points
- State of CSS 2025 > interactions > interactions pain points
- State of CSS 2025 > features > all features
- State of CSS 2024 > usage > css interoperability features
- State of CSS 2024 > reading list > reading list
- State of CSS 2024 > features > all features
Usage (according to Chrome Platform Status)
~3.657% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureDeveloper votes
Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist