Principles · The craft behind motion
Anticipation预备动作
- expectant
- winding up
- considered
A small move in the opposite direction before the real one, like crouching before a jump, which gives the motion more force.
When to use it
It suits large movements or actions that need emphasis; on everyday micro-interactions it only slows the rhythm down.
Parameters
wind-up 4px · 60ms ease-in · then forward 240ms ease-out
Recipe
Anticipation → 60ms ease-inAnticipation → wind-up 4px · then forward 240ms ease-out
One sentence for your AI
Add anticipation to this popover: move 4px left over 60ms ease-in first, then travel to the target position over 240ms ease-out.