animation-duration

Single values

time [, time, ...].

Applicable to...

Block and Inline Elements

Inherited

Description

Defines the period of time that every cycle in a CSS-animation needs from the beginning to the end. If you use a value of 0ms then there will be no animation and the element will directly change its state. Negative values are converted into 0ms.

Examples

p{
animation-duration:12s, 1s, 4s, 30ms, 145ms;
}
div#animate-me{
animation-duration:50ms;
}

Compatibility

Chrome	Firefox	Internet Explorer	Opera	Safari
4.0+	5.0+	10.0+	12.0+	4.0+