Transiciones

transition-property

Precisa las propiedades CSS que se desea animar, por ejemplo el color (color) y la anchura (width). Estas propiedades se especifican en una lista, separadas por comas.

La palabra clave all (valor por defecto) designa todas las propiedades animadas del elemento.

transition-duration

Precisa la duración de la transición. Se expresa en s (segundos) o ms (milisegundos).

transition-timing-function

Precisa la función de transición que se quiere utilizar:

ease: rápida al principio y más lenta al final.

linear: rapidez constante en toda la duración de la animación.

ease-in: lento al principio y acelerado hacia el final.

ease-out: rápido al principio y desacelerado hacia el final.

ease-in-out: inicio y final más lentos.

transition-delay

Precisa el retardo (o el avance) del inicio de la transición. Se expresa en s (segundos) o ms (milisegundos).