<?xml version="1.0" encoding="UTF-8"?>
<feature id="steps-easing"><name>steps() easing</name><description>The steps() CSS easing function divides an animation or transition into equidistant intervals, jumping from value to value. The step-start and step-end keyword values are presets with a single interval.</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="77" supported="true"></browser><browser name="firefox" version="65" supported="true"></browser><browser name="safari" version="14" supported="true"></browser><browser name="edge" version="79" supported="true"></browser><browser name="chrome_android" version="77" supported="true"></browser><browser name="firefox_android" version="65" supported="true"></browser><browser name="safari_ios" version="14" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-easing-2/#step-easing-functions</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/easing-function/steps</mdn_url><compat_features><key>css.types.easing-function.steps</key><key>css.types.easing-function.steps.jump</key></compat_features><canonical_url>https://nowyoucanuse.com/features--steps-easing.html</canonical_url></feature>