Forward or reverse

animation-direction

Run the animation sequence forward or reverse.

Property values

One of these keyword values:

normal Run the animation normally
reverse Run the animation in reverse sequence
alternate Alternate between the normal sequencing and reverse sequencing
alternate-reverse Alternate, but start with reverse sequence first

Examples

animation-direction: reverse;
animation-direction

style > animation > animation-directionForward or reverse

🔎