Sequencing & Timing · Who moves first
Stagger错峰
- ordered
- flowing
- composed
Similar elements do not move together; each starts a little later than the last, forming a wave that sweeps across them.
When to use it
Use it for grouped content such as lists, grids and menus; with only one or two elements a stagger means nothing.
Parameters
per-item delay 40ms · each 200ms · ease-out · group ≤ 400ms
Recipe
per-item delay 40mseach 200mswhen group ≤ 400msStagger → ease-out
One sentence for your AI
Stagger the list cards by 40ms each: a 200ms fade plus an 8px upward move per card, ease-out, keeping the whole group under 400ms.