Movimento
Durações e curvas de easing que padronizam as transições e animações do design system. Clique em 'Reproduzir' para ver o token em ação.
Durações
--duration-instant
0ms
--duration-fast
100ms
--duration-normal
200ms
--duration-slow
300ms
--duration-slower
500ms
Easings
--ease-out
cubic-bezier(0, 0, 0.2, 1)
--ease-in
cubic-bezier(0.4, 0, 1, 1)
--ease-in-out
cubic-bezier(0.4, 0, 0.2, 1)
--ease-spring
cubic-bezier(0.175, 0.885, 0.32, 1.275)