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

Editor's draft

Status in Chromium

Blink>Animation


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.

Owner

Intent to Prototype url

Intent to Prototype thread

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

Last updated on 2020-11-24