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.

Syntax:

animation-direction: normal|reverse|alternate|alternate-reverse|
initial|inherit;

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

Example -