<?xml version="1.0" encoding="UTF-8"?>
<feature id="animations-css"><name>Animations (CSS)</name><description>The animation CSS property animates an element&#39;s style over time, using keyframes described in @keyframes rules.</description><group>animation</group><group_name>Animation</group_name><baseline><status>widely</status><low_date>2015-09-30</low_date><high_date>2018-03-30</high_date></baseline><support><browser name="chrome" version="43" supported="true"></browser><browser name="firefox" version="16" supported="true"></browser><browser name="safari" version="9" supported="true"></browser><browser name="edge" version="12" supported="true"></browser><browser name="chrome_android" version="43" supported="true"></browser><browser name="firefox_android" version="16" supported="true"></browser><browser name="safari_ios" version="9" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-animations-2/</spec></specifications><caniuse><id>css-animation</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/CSSAnimation</mdn_url><compat_features><key>api.AnimationEvent</key><key>api.AnimationEvent.AnimationEvent</key><key>api.AnimationEvent.animationName</key><key>api.AnimationEvent.elapsedTime</key><key>api.AnimationEvent.pseudoElement</key><key>api.CSSAnimation</key><key>api.CSSAnimation.animationName</key><key>api.CSSKeyframeRule</key><key>api.CSSKeyframeRule.keyText</key><key>api.CSSKeyframeRule.style</key><key>api.CSSKeyframesRule</key><key>api.CSSKeyframesRule.appendRule</key><key>api.CSSKeyframesRule.cssRules</key><key>api.CSSKeyframesRule.deleteRule</key><key>api.CSSKeyframesRule.findRule</key><key>api.CSSKeyframesRule.length</key><key>api.CSSKeyframesRule.name</key><key>css.at-rules.keyframes</key><key>css.at-rules.keyframes.ignore_important_declarations</key><key>css.at-rules.keyframes.named_range_keyframes</key><key>css.properties.animation</key><key>css.properties.animation-delay</key><key>css.properties.animation-direction</key><key>css.properties.animation-direction.alternate</key><key>css.properties.animation-direction.alternate-reverse</key><key>css.properties.animation-direction.normal</key><key>css.properties.animation-direction.reverse</key><key>css.properties.animation-duration</key><key>css.properties.animation-duration.auto</key><key>css.properties.animation-fill-mode</key><key>css.properties.animation-fill-mode.backwards</key><key>css.properties.animation-fill-mode.both</key><key>css.properties.animation-fill-mode.forwards</key><key>css.properties.animation-fill-mode.none</key><key>css.properties.animation-iteration-count</key><key>css.properties.animation-iteration-count.infinite</key><key>css.properties.animation-name</key><key>css.properties.animation-name.none</key><key>css.properties.animation-play-state</key><key>css.properties.animation-play-state.paused</key><key>css.properties.animation-play-state.running</key><key>css.properties.animation-timing-function</key><key>css.properties.animation-timing-function.ease</key><key>css.properties.animation-timing-function.ease-in</key><key>css.properties.animation-timing-function.ease-in-out</key><key>css.properties.animation-timing-function.ease-out</key><key>css.properties.animation-timing-function.jump</key><key>css.properties.animation-timing-function.linear</key><key>css.properties.animation-timing-function.step-end</key><key>css.properties.animation-timing-function.step-start</key><key>css.properties.animation.alternate</key><key>css.properties.animation.alternate-reverse</key><key>css.properties.animation.auto</key><key>css.properties.animation.backwards</key><key>css.properties.animation.both</key><key>css.properties.animation.ease</key><key>css.properties.animation.ease-in</key><key>css.properties.animation.ease-in-out</key><key>css.properties.animation.ease-out</key><key>css.properties.animation.forwards</key><key>css.properties.animation.infinite</key><key>css.properties.animation.linear</key><key>css.properties.animation.none</key><key>css.properties.animation.normal</key><key>css.properties.animation.reverse</key><key>css.properties.animation.step-end</key><key>css.properties.animation.step-start</key><key>css.types.time</key></compat_features><canonical_url>https://nowyoucanuse.com/features--animations-css.html</canonical_url></feature>