Propriété animation-duration CSS

Définition et utilisation

animation-duration L'attribut définit le temps nécessaire pour achever une période d'animation, exprimé en secondes ou en millisecondes.

Veuillez également consulter :

Tutoriel CSS3 :Animation CSS

Manuel HTML DOM :Attribut animationDuration

Exemple

Définir un nom pour l'animation @keyframes :

div {
  animation-duration: 3s;
}

Essayez-le vous-même

Syntaxe CSS

animation-duration: time;
Valeur Description
time Définit le temps nécessaire pour terminer l'animation. La valeur par défaut est 0, ce qui signifie qu'il n'y a pas d'animation.

Détails techniques

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

Support du navigateur

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

Les nombres précédés de -webkit-、-moz- ou -o- représentent la première version utilisant les préfixes.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-