CSS HTML Validator - The All-In-One HTML, XHTML, CSS, Link, SEO, and Accessibility Checker
Home Help: "animation-direction" CSS property

The "animation-direction" CSS Property

ExperimentalNew in CSS3

This property defines whether or not the animation should play in reverse on some or all cycles. The initial/default value is 'normal'.

Values for "animation-direction"
CSS LevelValue
CSS 2.1(invalid)
CSS3<single-animation-direction>#, where <single-animation-direction> is "normal", "reverse", "alternate", or "alternate-reverse"


  • So that animations work in major browsers, be sure to use the "animation-direction" property and the equivalent proprietary properties like "-moz-animation-direction", "-o-animation-direction", and "-webkit-animation-direction" ("-ms-animation-direction" is not needed).

Recommended Links

Search Engine Links (for more information)

Help us improve this page: Suggest a link or noteReport a problem