Motion

Cuánto dura y cómo se mueve cada transición.

Duración

Pasá el mouse por la barra para ver el tiempo real.

La curva con la que acelera y frena el movimiento.

Muestra	Token	Valor
		cubic-bezier(0.4, 0, 0.2, 1)
		cubic-bezier(0, 0, 0.2, 1)

Combinaciones de duración y easing para los casos más comunes.

Token	Valor	Uso
	150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms	Hover de botones y links
	300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms	Drawers, acordeones