Ruch

Trzy czasy, dwie krzywe, szacunek dla ograniczonego ruchu.

Czasy

Trzy czasy obejmują cały produkt. Najedź na panel (albo ustaw na nim fokus klawiszem Tab), żeby je porównać.

anim-fast150 ms · Większość przejść kontrolek: kolor, ramka, małe przesunięcia.

anim-base200 ms · Zanikanie: elementy, które się pojawiają i znikają.

anim-slow300 ms · Większe ruchy: zmiana wysokości i przesunięcie między krokami lejka.

Token	Krzywa	Użycie
`ease-out`	`cubic-bezier(0, 0, 0.2, 1)`	Większość przejść: szybki start, miękkie lądowanie.
`ease-standard`	`cubic-bezier(0.4, 0, 0.2, 1)`	Przesunięcia między krokami lejka.
`ease-in`	`cubic-bezier(0.4, 0, 1, 1)`	Elementy, które znikają z ekranu.

Ruch dekoracyjny, np. konfetti na ekranie „Konto gotowe”, nie startuje, gdy system prosi o ograniczony ruch.
Ruch nigdy nie niesie informacji: zmiana stanu widać też w kolorze, tekście albo położeniu.
Wciśnięty przycisk obniża krycie do 90 %; nie przesuwa się.