Web features explorer - steps() easing

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. To learn more, see <easing-function> at MDN.

Compatibility

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).