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

We use cookies to improve your experience. Learn more in our Privacy policy.

×