<?xml version="1.0" encoding="UTF-8"?>
<feature id="web-animations"><name>Web animations</name><description>The web animation API programmatically creates, inspects, and controls element animations, to change and synchronize appearance over time.</description><group>animation</group><group_name>Animation</group_name><baseline><status>widely</status><low_date>2020-09-16</low_date><high_date>2023-03-16</high_date></baseline><support><browser name="chrome" version="84" supported="true"></browser><browser name="firefox" version="75" supported="true"></browser><browser name="safari" version="14" supported="true"></browser><browser name="edge" version="84" supported="true"></browser><browser name="chrome_android" version="84" supported="true"></browser><browser name="firefox_android" version="79" supported="true"></browser><browser name="safari_ios" version="14" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/web-animations-1/</spec></specifications><caniuse><id>web-animation</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/Animation</mdn_url><compat_features><key>api.Animation</key><key>api.Animation.Animation</key><key>api.Animation.cancel</key><key>api.Animation.cancel_event</key><key>api.Animation.commitStyles</key><key>api.Animation.currentTime</key><key>api.Animation.effect</key><key>api.Animation.finish</key><key>api.Animation.finish_event</key><key>api.Animation.finished</key><key>api.Animation.id</key><key>api.Animation.pause</key><key>api.Animation.pending</key><key>api.Animation.persist</key><key>api.Animation.play</key><key>api.Animation.playState</key><key>api.Animation.playbackRate</key><key>api.Animation.ready</key><key>api.Animation.remove_event</key><key>api.Animation.remove_filling_animation</key><key>api.Animation.replaceState</key><key>api.Animation.reverse</key><key>api.Animation.startTime</key><key>api.Animation.timeline</key><key>api.Animation.updatePlaybackRate</key><key>api.AnimationEffect</key><key>api.AnimationEffect.getComputedTiming</key><key>api.AnimationEffect.getTiming</key><key>api.AnimationEffect.updateTiming</key><key>api.AnimationPlaybackEvent</key><key>api.AnimationPlaybackEvent.AnimationPlaybackEvent</key><key>api.AnimationPlaybackEvent.currentTime</key><key>api.AnimationPlaybackEvent.timelineTime</key><key>api.AnimationTimeline</key><key>api.AnimationTimeline.currentTime</key><key>api.AnimationTimeline.duration</key><key>api.Document.getAnimations</key><key>api.Document.timeline</key><key>api.DocumentTimeline</key><key>api.DocumentTimeline.DocumentTimeline</key><key>api.Element.animate</key><key>api.Element.animate.implicit_tofrom</key><key>api.Element.animate.options_composite_parameter</key><key>api.Element.animate.options_id_parameter</key><key>api.Element.animate.options_pseudoElement_parameter</key><key>api.Element.animate.options_rangeEnd_parameter</key><key>api.Element.animate.options_rangeStart_parameter</key><key>api.Element.animate.options_timeline_parameter</key><key>api.Element.animationcancel_event</key><key>api.Element.animationend_event</key><key>api.Element.animationiteration_event</key><key>api.Element.animationstart_event</key><key>api.Element.getAnimations</key><key>api.KeyframeEffect</key><key>api.KeyframeEffect.KeyframeEffect</key><key>api.KeyframeEffect.composite</key><key>api.KeyframeEffect.getKeyframes</key><key>api.KeyframeEffect.pseudoElement</key><key>api.KeyframeEffect.setKeyframes</key><key>api.KeyframeEffect.target</key><key>api.ShadowRoot.getAnimations</key></compat_features><canonical_url>https://nowyoucanuse.com/features--web-animations.html</canonical_url></feature>