编排与节奏谁先动、谁后动
一组动画谁先谁后、各花多久，合起来形成的那股节奏。
5 条动效
- 关键帧Keyframes 把一段动画拆成几个时间点上的状态（0%、50%、100%），中间的过程交给浏览器补出来
- 错峰Stagger 同类元素不是一起动，而是按顺序各晚一点开始，形成一道扫过去的波浪
- 编排Orchestration 安排多个元素谁先谁后、各花多久，让一组动效读起来像一句话，而不是同时炸开
- 时长与延迟Duration & Delay 时长决定动作多快，延迟决定它什么时候开始，这两个值共同决定界面的节奏
- 分步动画Stepped animation 把连续的过渡切成若干等份，一格一格地跳，而不是平滑地滑过去