back

Animation-Direction

This is used to specify whether the animation should play in reverse on some or all of its cycles.
Its options are:
(1) Normal, this is the default value and means that the animation should be played as normal.
(2) Reverse, the animation should be played in the reverse direction.
(3) Alternate-reverse, the animation is played in reverse direction every odd time, and in the normal direction every even time.
(4) Alternate, the animation is played in the normal direction every odd time, and in reverse every even time.
For maximum browser support, you should use the following prefixes:
(1) animation-direction:
(2) -webkit-animation-direction:

Example