animation property

0 out of 1 rated this helpful - Rate this topic

Specifies one or more shorthand values that define all animation properties (except animation-play-state) for a set of corresponding object properties identified in the Cascading Style Sheets (CSS) @keyframes at-rule specified by the animations-name property.

This property is read/write.

CSS Animations Module Level 3, Section 3.9

Syntax

animation: [ animation-name || animation-duration || animation-timing-function || animation-delay || animation-iteration-count || animation-direction ] [ , [ animation-name || animation-duration || animation-timing-function || animation-delay || animation-iteration-count || animation-direction ] ] *

Property values

One or more sets of any of the following animation properties. Within each set, properties are space-delimited. Each set is separated by a comma.

animation-name

Value of the animation-name property.

animation-duration

Value of the animation-duration property.

animation-timing-function

Value of the animation-timing-function property.

animation-delay

Value of the animation-delay property.

animation-iteration-count

Value of the animation-iteration-count property.

animation-direction

Value of the animation-direction property.

CSS information

Applies Toblock-level and inline-level elements
Mediavisual
Inheritedno
Initial Value(see individual properties)

Standards information

Remarks

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

See also

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

 

 

Build date: 11/29/2012

Did you find this helpful?
(1500 characters remaining)
© 2013 Microsoft. All rights reserved.