编排与节奏 · 谁先动、谁后动
分步动画Stepped animation
- 机械
- 干脆
- 复古
把连续的过渡切成若干等份,一格一格地跳,而不是平滑地滑过去。
什么时候用它
想做出仪表、步进加载或像素风观感时用它;正常的界面过渡用“缓动”。
参数
steps(4, end) · 800ms · no interpolation
配方
分步动画 → steps(4, end) 800ms分步动画 → 800ms steps(4, end)不插值
给 AI 的一句话
把这个进度指示做成 4 格跳变:用 steps(4, end),时长 800ms,不要平滑过渡。