Attribut Style transitionProperty

Définition et utilisation

transitionProperty L'attribut spécifie le nom de l'attribut CSS visé par l'effet de transition (l'effet de transition démarre lorsque l'attribut CSS spécifié change).

Astuce :Lorsque l'utilisateur place le curseur de la souris sur l'élément, un effet de transition apparaît généralement.

Remarque :Il faut toujours spécifier Attribut transitionDurationsinon la durée est de 0, la transition ne sera pas valide.

Voir également :

Manuel de référence CSS :L'attribut transition-property

Exemple

Placez le curseur de la souris sur l'élément div pour modifier progressivement sa largeur et sa hauteur :

document.getElementById("myDIV").style.transitionProperty = "width,height";

Essayez-le vous-même

Syntaxe

Retourner l'attribut transitionProperty :

object.style.transitionProperty

Définir l'attribut transitionProperty :

object.style.transitionProperty = "none|all|property|initial|inherit"

Valeur de l'attribut

Valeur Description
none Aucun attribut ne recevra l'effet de transition.
all Valeur par défaut. Tous les attributs recevront l'effet de transition.
property Liste des noms des attributs CSS définissant l'effet de transition, séparés par des virgules.
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : all
Valeur de retour : Une chaîne de caractères, représentant l'élement L'attribut transition-property.
Version de CSS : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1