Exemple
Placez le curseur sur un élément div de modifier progressivement sa largeur et sa hauteur:
document.getElementById("myDIV").style.transitionProperty = "width,height";
Essayez vous - même » Définition et utilisation
La propriété transitionProperty indique le nom de la propriété CSS l'effet de transition est pour (l'effet de transition commencera lorsque les changements de propriété CSS spécifié).
Tip: Un effet de transition peut se produire généralement lorsque un vol stationnaire de l' utilisateur sur un élément.
Note: Indiquez toujours la propriété transitionDuration, sinon la durée est 0, et la transition aura aucun effet.
Support du navigateur
La propriété transitionProperty est pris en charge dans Internet Explorer 10, Firefox, Opera et Chrome.
Safari prend en charge une alternative, la propriété WebkitTransitionProperty.
Note: La propriété transitionProperty est pas pris en charge dans Internet Explorer 9 et les versions antérieures.
Syntaxe
Retour la propriété transitionProperty:
object .style.transitionProperty Définissez la propriété transitionProperty:
object .style.transitionProperty="none|all| Valeurs de propriété Valeur La description none Aucune propriété obtiendra un effet de transition all Valeur par défaut. Toutes les propriétés auront un effet de transition property Définit une liste séparée par des virgules des noms de propriétés CSS l'effet de transition est pour initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: tout Valeur de retour: Une chaîne, ce qui représente la propriété de transition propriétés d'un élément version CSS CSS3
Pages associées
Référence CSS: la transition-property property de transition-property property
<Style objet