This page has been flagged with the following issues:
W3C Working Draft
Defines an animation's direction, including whether an animation runs in reverse in some or all cycles.
|Initial value|| |
|Applies to||all elements|
|Computed value||as specified|
|CSS Object Model Property|| |
- The animation should play forward each cycle. In other words, each time the animation cycles, the animation will reset to the beginning state and start over again. This is the default animation direction setting.
- The animation should reverse direction each cycle. When playing in reverse, the animation steps are performed backward. In addition, timing functions are also reversed; for example, an
ease-inanimation is replaced with an
ease-outanimation when played in reverse. The count to determine if it is an even or an odd iteration starts at one.
- The animation plays backward each cycle. Each time the animation cycles, the animation resets to the end state and start over again.
- The animation plays backward on the first play-through, then forward on the next, then continues to alternate. The count to determine if it is an even or an odd iteration starts at one.
animation-direction property takes as its value a keyword indicating the direction of a single animation cycle. If multiple keywords are separated by commas, they are applied to each animation in the same order as specified in
animation-name. The number of values specified for
animation-direction doesn't need to match. If there are more values than for
animation-name, the excess values are ignored. If there are fewer, the browser cycles through them again until each animation has been assigned a direction
'animation-direction: '[ normal | alternate | reverse | alternate-reverse ] [ , [ normal | alternate | reverse | alternate-reverse ] ] *
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari|
|Feature||Android||BlackBerry||Chrome for mobile||Firefox Mobile (Gecko)||IE Mobile||Opera Mobile||Opera Mini||Safari Mobile|
|WP 8 (IE 10)||12.1||Unsupported|| |
|Firefox||< 15.0||Supports only normal and alternate|
|Opera||12.0||Supports only normal and alternate|
|Safari||< 6.0||Supports only normal and alternate|
|Internet Explorer||10.0||The -ms- prefixed property is deprecated and should not be used.|
Related pages (MSDN)
This article contains content originally from external sources.
Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]