Il est possible de spécifier n'importe quelle propriété CSS comme valeur pour la propriété transition-property. Cela signifie que l'effet de transition peut être appliqué à n'importe quelle propriété.

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

Exemple d'utilisation de quelques propriétés couramment utilisées avec les transitions. Les propriétés transition-duration, transition-timing-function et transition-delay restent inchangées. Toutes les transitions réagissent au survol du curseur.

Propriétés de transition multiples

Il est également possible d'utiliser la valeur all pour la propriété transition-property, ce qui signifie que toutes les propriétés seront concernées par la transition.

transition-property: all;

Dans l'exemple suivant, la transition s'applique aux modifications des propriétés background-color, color, font-weight et font-size. Consultez le fichier index.css :

De plus, si nous devons ajouter une transition à plusieurs propriétés mais pas à toutes, nous pouvons les définir comme valeur pour la propriété transition-property, en les séparant à l'aide d'un espace. Par exemple :

transition-property: color border height;

Cela signifie que la transition sera appliquée aux propriétés color, border et height.