Durations and easing, and when not to animate.
Motion confirms what happened and where it went. Things that enter ease out; nothing takes longer than 300ms; an action made with the keyboard isn't animated. Reduced motion turns movement into a fade.
| Token | Value |
|---|---|
| --duration-tooltip | 125ms |
| --duration-list | 150ms |
| --duration-widget | 200ms |
| --duration-disclosure | 250ms |
| --ease-out | cubic-bezier(0.23, 1, 0.32, 1) |