Exemple
Passez la souris sur un élément div à changer progressivement son apparition:
document.getElementById("myDIV").style.transition = "all 2s";
Essayez vous - même » Définition et utilisation
La propriété de transition est un raccourci pour les quatre propriétés de transition:
transitionProperty, transitionDuration, transitionTimingFunction et transitionDelay.
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é de transition est prise en charge dans Internet Explorer 10, Firefox, Opera et Chrome.
Safari prend en charge une alternative, la propriété WebkitTransition.
Remarque: La propriété de transition ne sont pas pris en charge dans Internet Explorer 9 et les versions antérieures.
Syntaxe
Retour la propriété de transition:
object .style.transition Définissez la propriété de transition:
object .style.transition=" Valeurs de propriété Valeur La description transitionProperty Indique le nom de la propriété CSS l'effet de transition est pour transitionDuration Indique le nombre de secondes ou millisecondes l'effet de transition nécessaire pour terminer transitionTimingFunction Spécifie la courbe de vitesse de l'effet de transition transitionDelay Définit lorsque l'effet de transition commencera 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 0 facilité 0 Valeur de retour: Une chaîne, ce qui représente la propriété de transition d'un élément version CSS CSS3
Pages associées
Référence CSS: la transition property
<Style objet