Design

Motion

Bevegelse kun når den klargjør en endring — aldri dekorasjon. 0ms er ofte riktig. Når bevegelse trengs, er den kort og fysisk med samme easing-kurve overalt. Beveg pekeren over kortet under. Verdiene leses live fra tokenene i globals.css.

ease-spring
duration-state ·
tilstandsendringer
duration-popover ·
popovers/tooltips
duration-modal ·
overlegg/modaler

Hover-demo

Løftes 2px med shadow-lg (.lift), 150 ms med --ease-spring.