CSS Property: animation
[this page | pdf | back links]
The CSS (CSS3) animation property is a shorthand
property combining (up to) 8 of the animation properties. N.B. Always specify a
non-zero animation-duration
property as otherwise the duration will be set to zero and the animation will
in effect not play.
Valid property values (other
than inherit and initial) are defined
by the elements of the shorthand. Shorthand elements (in the order in which
they appear):
-
animation-name
-
animation-duration
-
animation-timing-function
-
animation-delay
-
animation-iteration-count
-
animation-direction
-
animation-fill-mode
-
animation-play-state
|
Default Value:
|
See individual
properties
|
|
JavaScript syntax:
|
e.g. object.style.animation = "mymovie 5s
infinite";
|
|
Inherited:
|
No
|
|
Animatable:
|
No
|
NAVIGATION LINKS
Contents | Prev | Next | CSS Properties