animation-duration property

Specifies the length of time to complete one cycle of the animation.

This property is read/write.

CSS Animations Module Level 3, Section 3.3

Syntax

animation-duration: <time> [ , <time> ] *

Property values

One or more transition times, separated by commas.

time

Floating-point number, followed by a time units designator ("ms" or "s"). For more information about the supported time units, see CSS Values and Units Reference.

CSS information

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

Standards information

Remarks

Each animation-duration property is paired with a corresponding animation-name property.

If more animation-duration values are declared than corresponding animation-name values, the excess animation-duration values are ignored.

If fewer animation-duration values are declared than corresponding animation-name values, the list of animation-duration values is repeated from the beginning until the animation-name values are exhausted.

To learn more about Cascading Style Sheets (CSS) animations, see How to bring your webpage to life with CSS transforms, transitions, and animations.

See also

a
abbr
address
b
bdo
blockQuote
br
button
cite
code
CSSStyleDeclaration
currentStyle
dd
del
dfn
div
dl
dt
em
fieldSet
form
i
img
input
ins
kbd
label
li
map
object
ol
p
pre
q
samp
script
select
small
span
strong
style
sub
sup
table
tBody
td
textArea
tFoot
th
tHead
tr
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