Propriété Style animationDirection

Définition et utilisation

animationDirection La propriété indique si l'animation doit être jouée en sens inverse dans le cycle alternatif.

Remarque :Si l'animation est définie pour ne jouer qu'une fois, cette propriété est invalide.

Exemple

Modifier la propriété animationDirection de l'élément <div> :

document.getElementById("myDIV").style.animationDirection = "reverse";

Essayez-le vous-même

Syntaxe

Retourner la propriété animationDirection :

object.style.animationDirection

Définir la propriété animationDirection :

object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

Valeur de l'attribut

Valeur Description
normal Valeur par défaut. L'animation doit être jouée normalement.
reverse L'animation doit être jouée en sens inverse.
alternate L'animation sera jouée en sens direct à chaque nombre impair (1, 3, 5, etc.) et en sens inverse à chaque nombre pair (2, 4, 6, etc...).
alternate-reverse L'animation sera jouée en sens inverse à chaque nombre impair (1, 3, 5, etc.) et en sens direct à chaque nombre pair (2, 4, 6, etc...).
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : normal
Valeur de retour : Chaîne, représentant l'élément Attribut animation-direction.
Version CSS : CSS3

Support du navigateur

animationDirection C'est une caractéristique CSS3 (1999).

Tous les navigateurs le supportent pleinement :

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soutien Soutien Soutien Soutien Soutien 11

Pages associées

Manuel de référence CSS :Attribut animation-direction