Motion
A surface moves by carrying data-motion. Reduced motion makes every role instant. Without a GPU the large roles (page, stage, sheet, backdrop) do not animate.
pageChat
stagewindowsheetdialogbackdropmenutoastitem| --motion-duration-instant | 80ms |
| --motion-duration-fast | 120ms (every exit) |
| --motion-duration-base | 140ms (menu, page, stage, toast, item) |
| --motion-duration-glide | 160ms (glides) |
| --motion-duration-slow | 200ms (dialog, window, sheet, backdrop) |
| --motion-distance-sm | 4px |
| --motion-distance-md | 8px |
| --motion-distance-lg | 16px |
| --motion-scale-in | 0.97 |
| --motion-page-from-opacity | 0.7 |
| --ease-standard | enters |
| --ease-exit | exits |