Fundamentos
Movimiento
Rápido y con un pequeño rebote al aparecer, directo al salir. El movimiento explica de dónde viene cada cosa; si el sistema pide movimiento reducido, todo se vuelve instantáneo.
Duraciones#
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| instant | 80ms | duration-instant | Feedback de pulsación |
| fast | 150ms | duration-fast | Hover, cambios de color |
| base | 220ms | duration-base | Aparición de popovers, switches |
| slow | 320ms | duration-slow | Hojas, cambios de layout |
| slower | 480ms | duration-slower | Transiciones de página |
Curvas#
Pulsa para reproducir.
ease-standardcubic-bezier(0.2, 0, 0, 1)
ease-emphasizedcubic-bezier(0.3, 0, 0, 1.15)
ease-exitcubic-bezier(0.4, 0, 1, 1)
Microinteracciones#
heart-pop · favorito
scale 0.97 al pulsar
scale-in · emphasized