Stagger
Also called: cascade, staggered entrance, staggered animation.
Several items animate one after another with a small delay between each, instead of all at once. It makes a group feel like it flows in.
Shown
Say it in a prompt
Stagger the cards' entrance so each card fades in and slides up 16px, starting 80ms after the previous one. Seen on
- Apple AirPods Pro 3: In the product viewer, the color dots pop in one after another, each a little later than the last.
- Airbnb: Loading placeholders shimmer in a wave, each one starting 100ms after the one before.
You might describe it as
- the little color circles come in one by one
- cards appear one after another not all together
- items come in with a small delay each
- list that flows in one by one like dominoes
Not to be confused with
- Easing
Stagger is the delay between items; easing is how each single item speeds up and slows down.