steps() easing
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.
Status
Baseline Widely Available (since 2023-03-16)
MDN documentation
Specifications
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