Scroll-driven animations

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

Edit this feature - Report an issue about this feature