Podemos especificar cualquier propiedad CSS como valor para la propiedad transition-property. Esto significa que podemos aplicar un efecto de transición a cualquier propiedad.

transition-property: ... /* any property */

Trabajemos con un par de propiedades típicas que suelen ser objeto de transición. Las propiedades transition-duration, transition-timing-function y transition-delay siempre permanecerán iguales. Todas las transiciones reaccionarán al pasar el cursor.

Múltiples propiedades de transición

También se puede utilizar el valor all para la propiedad transition-property, lo que significa que todas las propiedades serán objeto de transición.

transition-property: all;

En el siguiente ejemplo se desea aplicar la transición a los cambios de las propiedades background-color, color, font-weight y font-size. Consultar el archivo index.css:

Además, si necesitamos agregar una transición a varias propiedades pero no a todas, podemos establecerlas como valor para la propiedad transition-property, separándolas con espacios. Por ejemplo:

transition-property: color border height;

Esto significa que la transición se aplicará a las propiedades color, border y height.