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
Unknown standards status - check spec link for status
Status in Chromium
Enabled by default
(tracking bug)
Consensus & Standardization
After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.
- Shipped/Shipping
- Shipped/Shipping
- Positive
Owner
Intent to Prototype url
Intent to Prototype threadLast updated on 2021-08-09
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