Motion
| Token | Value | Use it for |
|---|---|---|
duration-press | 80ms | Button on hover and press. |
duration-link | 120ms | Link on hover. |
duration-fade | 150ms | Chip on hover, heading-anchor fade, tooltip fade. |
duration-menu | 180ms | Mobile menu and listbox entering. |
duration-dialog | 300ms | Dialog and drawer fade and slide, with @starting-style. Under prefers-reduced-motion every duration is 1ms and every translate is none. |