21:42
Unknown
Example
Make the animation complete in one
second:
______________________________________________________________________________
animation-duration:1s;
-moz-animation-duration:1s; /* Firefox */
-webkit-animation-duration:1s; /* Safari and Chrome */
-moz-animation-duration:1s; /* Firefox */
-webkit-animation-duration:1s; /* Safari and Chrome */
______________________________________________________________________________
Browser
Support
The animation-duration property is
not supported in any of the major browsers.
Firefox supports an alternative, the
-moz-animation-duration property.
Safari and Chrome support an
alternative, the -webkit-animation-duration property.
Definition
and Usage
The animation-duration property
defines how many seconds or milliseconds an animation takes to complete one
cycle.
Default value:
|
0
|
Inherited:
|
no
|
Version:
|
CSS3
|
JavaScript syntax:
|
object.style.animationDuration="3s"
|
Syntax
animation-duration: time;
Value
|
Description
|
Play it
|
time
|
Specifies the length an animation
takes to finish. Default value is 0, meaning there will be no animation
|
Posted in: Animation-duration,Blog,CSS
