Style transitionDuration Property
Exemple
Accélérez l'effet de transition :
document.getElementById("myDIV").style.transitionDuration = "1s";
Définition et utilisation
La propriété transitionDuration définit ou renvoie le nombre de secondes (s) ou de millisecondes (ms) nécessaires à l'exécution d'un effet de transition.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
Syntaxe
Renvoyez la propriété transitionDuration :
object.style.transitionDuration
Définissez la propriété transitionDuration :
object.style.transitionDuration = "time|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | 0 |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété transition-duration d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété transition-duration
❮ Objet de style