CSS3 `animation-duration` Property

Example

Set the animation to complete within two seconds:

animation-duration: 2s;
-webkit-animation-duration: 2s; /* Safari and Chrome */

The numbers in the table specify the first browser version that fully supports the property.

Numbers preceding -webkit-, -ms-, or -moz- indicate the first browser version that supports the prefixed property.

Property	Chrome	IE	Firefox	Safari	Opera
animation-duration	43.0 <br>3.0 -webkit-	10.0	16.0 <br>5.0 -moz-	9.0 <br>4.0 -webkit-	30.0 <br>15.0 -webkit- <br>12.0 -o-

The animation-duration property defines the length of time an animation takes to complete one cycle.

Default value:	0
Inherited:	no
---	---
Version:	CSS3
---	---
JavaScript syntax:	`object.style.animationDuration="3s"`
---	---

Value	Description
time	Specifies the length of time for the animation to complete. The default value is 0, which means there is no animation effect.