Web platform features explorer - steps() easing

Web platform 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.

Learn more

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

Specifications

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

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

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist