Update the web animations JavaScript API to align with the specifications in https://drafts.csswg.org/web-animations-1/. The Animation interface is extended to include support for promises, replaceable animations, and read-only access to the animation timeline. The Animatable and DocumentOrShadowRoot interfaces are expanded to support getAnimations. The KeyframeEffect interface is expanded to support compositing modes, getKeyframes, setKeyframes, and pseudoElement.
Demos
Documentation
Specification
Status in Chromium
Enabled by default (tracking bug) in:
- Chrome for desktop release 84
- Chrome for Android release 84
- Android WebView release 84
Consensus & Standardization
After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.
- Shipped/Shipping
- No signal
- Shipped/Shipping
- Positive
Owner
Intent to Prototype url
Intent to Prototype threadLast updated on 2020-11-24
Comments
The web animations API was initially introduced in M36 with element.animate(). The API has undergone several updates since that time. Relevant chrome platform status links: * Web Animations JavaScript API [element.animate()] https://www.chromestatus.com/feature/4854343836631040 * Web Animations Javascript API [playback control] https://www.chromestatus.com/feature/5633748733263872 * Web Animations JavaScript API [level 1 interop part 1] https://www.chromestatus.com/feature/5650817352728576 * Web Animations JavaScript API [level 1 interop part 2] https://www.chromestatus.com/feature/5663463749713920 * AnimationEffect and KeyframeEffect (excluding getKeyframes/setKeyframes & composite/iterationComposite) https://www.chromestatus.com/feature/4868532347076608 * Animation constructor https://www.chromestatus.com/feature/5301000724283392 * Implement Animation.pending https://www.chromestatus.com/feature/4843845109940224 * Support replaceable animations https://www.chromestatus.com/feature/5127767286874112