animation-direction property

Specifies the direction of play for an animation cycle.

This property is read/write.

CSS Animations Module Level 3, Section 3.6Internet Explorer 10

 

Syntax

animation-direction: [ normal | alternate | reverse | alternate-reverse ] [ , [ normal | alternate | reverse | alternate-reverse ] ] *

Property values

One or more direction keywords, separated by commas.

normal

Initial value. The animation is played in the forward direction.

reverse

The animation cycles are played in the reverse direction of the direction in which they were specified.

alternate

The animation cycles alternate between playing in the forward direction (odd iterations) and the reverse direction (even iterations).

alternate-reverse

The animation cycles alternate between playing in the reverse direction (odd iterations) and the forward direction (even iterations).

CSS information

Applies Toblock-level and inline-level elements
Mediavisual
Inheritedno
Initial Valuenormal

Standards information

Remarks

Do not use the Microsoft vendor prefix ("-ms-") before the Cascading Style Sheets (CSS) animations properties. They are supported unprefixed in Internet Explorer 10 and later.

To learn more about CSS animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.

As of Internet Explorer for Windows Phone 8.1 Update, Internet Explorer for Windows Phone supports "-webkit-animation-direction" as an alias for this property.

See also

a
abbr
acronym
address
b
bdo
big
blockQuote
br
button
cite
code
CSSStyleDeclaration
currentStyle
dd
del
dfn
div
dl
dt
em
fieldSet
form
i
img
input
ins
kbd
label
li
map
noFrames
noScript
object
ol
p
pre
q
samp
script
select
small
span
strong
style
sub
sup
table
tBody
td
textArea
tFoot
th
tHead
tr
tt
ul
var
How to bring your webpage to life with CSS transforms, transitions, and animations
Internet Explorer 10 Guide for Developers: CSS Animations

 

 

Show:
© 2014 Microsoft