We use cookies to improve your experience. Learn more in our Privacy policy.
animation-direction
Defines whether an animation should play forward, backward, or alternate between forward and backward motion.
Example
| Initial value | normal |
| Applies to | all elements in the page |
Syntax
animation-direction: reverse;
Values
Animation playes forward over the defined duration.
Animation playes backwards over the defined duration. It also reverses the timing function applied as well.
Animation changes direction each cycle, with the first iteration played forwards.
The animation changes direction each cycle, with the first iteration being played backwards.
Browser support
| animation-direction | 1 | 1 | 3.5 | 1 | 12 | 3 |