Exemple
Modification de la propriété animationDirection d'un <div> élément:
document.getElementById("myDIV").style.animationDirection = "reverse";
Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de animationDirection ou l'animation indique si ou non doit jouer dans le sens inverse des cycles alternatifs.
Note: Si l'animation est appelée à jouer une seule fois, cette propriété n'a aucun effet.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
Les chiffres suivis par Moz précisent la première version qui a travaillé avec un préfixe.
| Propriété | |||||
|---|---|---|---|---|---|
| animationDirection | 43,0 | Non supporté | 16,0 5,0 Moz | Non supporté | 30,0 |
Syntaxe
Retour la propriété animationDirection:
object .style.animationDirection Définissez la propriété animationDirection:
object .style.animationDirection="normal|reverse|alternate|alternate-reverse|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| normal | Valeur par défaut. L'animation devrait être joué comme normale |
| reverse | L'animation devrait jouer dans le sens inverse |
| alternate | L'animation sera joué comme d' habitude chaque fois étrange (1,3,5,etc..) et dans le sens inverse à chaque fois même (2,4,6,etc...) |
| alternate-reverse | L'animation sera joué dans le sens inverse à chaque fois impair (1,3,5,etc..) et dans une direction normale à chaque fois même (2,4,6,etc...) |
| 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: | normal |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la propriété de direction de l'animation d'un élément |
| version CSS | CSS3 |
Pages associées
Référence CSS: la animation-direction property
<Style objet