BASELINE NowYouCanUse.com
Widely Available Animation
id: web-animations

Web animations

The web animation API programmatically creates, inspects, and controls element animations, to change and synchronize appearance over time.
Baseline Status: Achieved Widely Available on Mar 16, 2023 (Cross-browser Newly Available since Sep 16, 2020).
Desktop Browser Engine Support
Google Chrome
84
Supported
Mozilla Firefox
75
Supported
Apple Safari
14
Supported
Microsoft Edge
84
Supported
Mobile Browser Engine Support
Chrome Android
84
Firefox Android
79
Safari iOS
14
Specifications and References
Specification ↗ Can I Use (web-animation) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
api.Animation ↗ api.Animation.Animation ↗ api.Animation.cancel ↗ api.Animation.cancel_event ↗ api.Animation.commitStyles ↗ api.Animation.currentTime ↗ api.Animation.effect ↗ api.Animation.finish ↗ api.Animation.finish_event ↗ api.Animation.finished ↗ api.Animation.id ↗ api.Animation.pause ↗ api.Animation.pending ↗ api.Animation.persist ↗ api.Animation.play ↗ api.Animation.playState ↗ api.Animation.playbackRate ↗ api.Animation.ready ↗ api.Animation.remove_event ↗ api.Animation.remove_filling_animation ↗ api.Animation.replaceState ↗ api.Animation.reverse ↗ api.Animation.startTime ↗ api.Animation.timeline ↗ api.Animation.updatePlaybackRate ↗ api.AnimationEffect ↗ api.AnimationEffect.getComputedTiming ↗ api.AnimationEffect.getTiming ↗ api.AnimationEffect.updateTiming ↗ api.AnimationPlaybackEvent ↗ api.AnimationPlaybackEvent.AnimationPlaybackEvent ↗ api.AnimationPlaybackEvent.currentTime ↗ api.AnimationPlaybackEvent.timelineTime ↗ api.AnimationTimeline ↗ api.AnimationTimeline.currentTime ↗ api.AnimationTimeline.duration ↗ api.Document.getAnimations ↗ api.Document.timeline ↗ api.DocumentTimeline ↗ api.DocumentTimeline.DocumentTimeline ↗ api.Element.animate ↗ api.Element.animate.implicit_tofrom ↗ api.Element.animate.options_composite_parameter ↗ api.Element.animate.options_id_parameter ↗ api.Element.animate.options_pseudoElement_parameter ↗ api.Element.animate.options_rangeEnd_parameter ↗ api.Element.animate.options_rangeStart_parameter ↗ api.Element.animate.options_timeline_parameter ↗ api.Element.animationcancel_event ↗ api.Element.animationend_event ↗ api.Element.animationiteration_event ↗ api.Element.animationstart_event ↗ api.Element.getAnimations ↗ api.KeyframeEffect ↗ api.KeyframeEffect.KeyframeEffect ↗ api.KeyframeEffect.composite ↗ api.KeyframeEffect.getKeyframes ↗ api.KeyframeEffect.pseudoElement ↗ api.KeyframeEffect.setKeyframes ↗ api.KeyframeEffect.target ↗ api.ShadowRoot.getAnimations ↗