Action-triggered animations: dialog entrance, snackbar arrival, button morphing on press, check being drawn, spring switch thumb. The Replay button in the preview restarts them.
Rules
- State change: 150 to 200 ms, --ease. Entrance: 250 to 350 ms, --ease-decel, shorter exit. Expressive spring: 250 ms, --ease-spring. Check: 250 ms.
- A transition tells where the element comes from. Nothing exceeds 400 ms and nothing blocks an action while animating.
- prefers-reduced-motion: a short fade replaces movement and scale.