CSS3 animation-duration Propriété

Exemple

Réglez l'animation pour qu'elle se termine en deux secondes :

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

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.

Le nombre précédant -webkit-, -ms- ou -moz- est la première version du navigateur qui prend en charge la propriété préfixée.

Propriété
animation-duration	43.0 3.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.0 -o-

La propriété animation-duration définit le nombre de secondes ou de millisecondes nécessaires à une animation pour effectuer un cycle.

Valeur par défaut :	0
Héritée :	non
version :	CSS3
Syntaxe JavaScript :	object object.style.animationDuration="3s"

animation-duration: time;

Valeur	Description
time	Spécifie le temps nécessaire à une animation pour effectuer un cycle de lecture. La valeur par défaut est 0, ce qui signifie qu'il n'y a pas d'effet d'animation.

autres extensions