/

HTML / CSS / JavaScript Tutorial

CSS Property: animation-direction

[this page | pdf | back links]

The CSS (CSS3) animation-direction property defines whether an animation should play in forward, reverse or alternating directions.

 

Valid property values (other than inherit and initial) are:

 

Value

Description

alternate

Will play in forward direction every odd time and reverse direction every even time

alternate-reverse

Will play in reverse direction every odd time and forward direction every even time

normal

(default value). Will play in forward direction

reverse

Will play in reverse direction

 

Default Value:

normal

JavaScript syntax:

e.g. object.style.animationDirection = "reverse"

Inherited:

No

Animatable:

No

 


NAVIGATION LINKS
Contents | Prev | Next | CSS Properties


Desktop view | Switch to Mobile