css.properties

animation-direction

The animation-direction property specifies whether an animation plays forward, backward, or alternates.

Formal Syntax

animation-direction = <single-animation-direction># <single-animation-direction> = normal | reverse | alternate | alternate-reverse

See specification

JavaScript Access

// Access via element.style element.style.animationDirection = "normal";

Browser Support

standard | MDN ยท Spec

FeatureChromeFirefoxSafariEdge
animation-direction4316912
alternate35412
alternate-reverse1916612
normal35412
reverse1916612

Related Properties