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.




Editor's draft

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.


Intent to Prototype url

Intent to Prototype thread


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

Last updated on 2020-11-24