CSS animation-direction Property

The animation-direction CSS property specifies whether the animation should play in reverse on alternate cycles or not.

The animation-direction property in CSS is used to define the direction of the animation. The direction of animation should be forwards, backward or in alternate cycles.


animation-direction: normal|reverse|alternate|alternate-reverse|

Property Value: The animation-direction property are listed below:
normal: This animation property play the animation forward. It is the default value.

Example -