La propriété animation-direction
défini le sens dans lequel l’animation est jouée :
-
normal
: l’animation va de l’étape 1 à n. -
reverse
: l’animation va de l’étape n à 1. (sens contraire) -
alternate
: l’animation va de l’étape 1 à n les cycles impairs (1,3,5...) et de l’étape n à 1 les cycles pairs (2,4,6...). -
alternate-reverse
: l’animation va de l’étape 1 à n les cycles pairs et de l’étape n à 1 les cycles impairs.
Animation en sens inverse
div{
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
-ms-animation-direction: reverse;
-o-animation-direction: reverse;
animation-direction: reverse;
}
Voir les Animations CSS