MotionLang

编排与节奏 · 谁先动、谁后动

错峰Stagger

同类元素不是一起动,而是按顺序各晚一点开始,形成一道扫过去的波浪。

在工具里打开这条

什么时候用它

列表、网格、菜单这类成组出现的内容用它;只有一两个元素时错峰没有意义。

参数

per-item delay 40ms · each 200ms · ease-out · group ≤ 400ms

配方

  1. 每一项依次延迟 40ms
  2. 每一项 200ms
  3. 条件 整组不超过 400ms
  4. 错峰 → ease-out

给 AI 的一句话

让列表里每个卡片依次延迟 40ms 入场,单个卡片用 200ms 的淡入 + 上移 8px,ease-out,整组不超过 400ms。

同类的其他动效