Sequencing & Timing · Who moves first
Stepped animation分步动画
- mechanical
- snappy
- retro
A continuous change cut into equal parts, jumping one notch at a time instead of gliding smoothly.
When to use it
Use it for gauges, stepwise loading or a pixel-art feel; for ordinary UI transitions use “Easing”.
Parameters
steps(4, end) · 800ms · no interpolation
Recipe
Stepped animation → steps(4, end) 800msStepped animation → 800ms steps(4, end)no interpolation
One sentence for your AI
Make this progress indicator jump in 4 discrete steps: steps(4, end), 800ms, with no smooth interpolation.