Propriété AnimationDuration de style
Exemple
Modification de la propriété animationDuration d'un élément <div> :
document.getElementById("myDIV").style.animationDuration = "3s";
Définition et utilisation
La propriété animationDuration définit le nombre de secondes ou de millisecondes nécessaires à une animation pour terminer un cycle.
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é.
Les nombres suivis de Moz spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
animationDuration | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
Syntaxe
Renvoyez la propriété animationDuration :
object.style.animationDuration
Définissez la propriété animationDuration :
object.style.animationDuration = "time|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
time | Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation |
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é animation-duration d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété animation-duration