1.5 KiB
| title | localeTitle |
|---|---|
| Transition | Transición |
Transición
La propiedad de transition permite cambiar los valores de propiedad sin problemas (de un valor a otro), durante un período determinado. `` `css transición: todos los 300ms;
### Transition on Several Property Values
You can change multiples property values with transition property.
css transición: ancho 300ms, altura 2s;
### Specify the Speed Curve of the Transition
You can specify a speed curve on an element in transition property.
css transición: altura 2s lineales;
or the property `transition-timing-function`
css función de tiempo de transición: lineal; `` `
Diferentes valores de transition-timing-function de transition-timing-function
ease : especifica un efecto de transición con un inicio lento, luego rápido y luego termina lentamente (esto es lo predeterminado) linear : especifica un efecto de transición con la misma velocidad de principio a fin ease-in : especifica un efecto de transición con un inicio lento ease-out : especifica un efecto de transición con un final lento ease-in-out : especifica un efecto de transición con un inicio y fin lentos cubic-bezier(n,n,n,n) : le permite definir sus propios valores en una función cubic-bezier
Más información:
- Documentación MDN : MDN
- Referencia de las facilidades :