Web features explorer - steps() easing

Web features explorer

Tags: css Groups: Animation CSS > Transitions (CSS)

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.

Learning resources on MDN

Step-easing-function, in <easing-function>

Browser support

Chrome 77 Released on 2019-09-10
Chrome Android 77 Released on 2019-09-10
Edge 79 Released on 2020-01-15
Firefox 65 Released on 2019-01-29
Firefox for Android 65 Released on 2019-01-29
Safari 14 Released on 2020-09-16
Safari on iOS 14 Released on 2020-09-16

Specifications

CSS Easing Functions Level 2 (#step-easing-functions), from Cascading Style Sheets (CSS) Working Group (W3C).

Edit this feature - Report an issue about this feature