<?xml version="1.0" encoding="UTF-8"?>
<feature id="transitions"><name>Transitions (CSS)</name><description>The transition shorthand CSS property sets how changes to an element&#39;s styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.</description><group>transitions</group><group_name>Transitions (CSS)</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="26" 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="26" 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-transitions-2/</spec></specifications><caniuse><id>css-transitions</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/CSSTransition</mdn_url><compat_features><key>api.CSSTransition</key><key>api.CSSTransition.transitionProperty</key><key>api.Element.transitioncancel_event</key><key>api.Element.transitionend_event</key><key>api.Element.transitionrun_event</key><key>api.Element.transitionstart_event</key><key>api.TransitionEvent</key><key>api.TransitionEvent.TransitionEvent</key><key>api.TransitionEvent.elapsedTime</key><key>api.TransitionEvent.propertyName</key><key>api.TransitionEvent.pseudoElement</key><key>css.properties.transition</key><key>css.properties.transition-delay</key><key>css.properties.transition-duration</key><key>css.properties.transition-property</key><key>css.properties.transition-property.IDENT_value</key><key>css.properties.transition-property.all</key><key>css.properties.transition-property.none</key><key>css.properties.transition-timing-function</key><key>css.properties.transition-timing-function.ease</key><key>css.properties.transition-timing-function.ease-in</key><key>css.properties.transition-timing-function.ease-in-out</key><key>css.properties.transition-timing-function.ease-out</key><key>css.properties.transition-timing-function.jump</key><key>css.properties.transition-timing-function.linear</key><key>css.properties.transition-timing-function.step-end</key><key>css.properties.transition-timing-function.step-start</key><key>css.properties.transition.all</key><key>css.properties.transition.ease</key><key>css.properties.transition.ease-in</key><key>css.properties.transition.ease-in-out</key><key>css.properties.transition.ease-out</key><key>css.properties.transition.gradients_can_animate</key><key>css.properties.transition.linear</key><key>css.properties.transition.none</key><key>css.properties.transition.step-end</key><key>css.properties.transition.step-start</key></compat_features><canonical_url>https://nowyoucanuse.com/features--transitions.html</canonical_url></feature>