Attribut transition-duration CSS

Définition et utilisation

L'attribut transition-duration définit le temps nécessaire pour achever l'effet de transition (en secondes ou en millisecondes).

Voir également :

Tutoriel CSS :Transition CSS

Manuel HTML DOM :Attribut transitionDuration

Exemple

Faites durer l'effet de transition 5 secondes :

div {
  transition-duration: 5s;
}

Essayez-le vous-même

Syntaxe CSS

transition-duration : time;

Valeur de l'attribut

Valeur Description
time

Définit le temps nécessaire pour achever l'effet de transition (en secondes ou en millisecondes).

La valeur par défaut est 0, ce qui signifie qu'il n'y aura pas d'effet.

Détails techniques

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

Support du navigateur

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

Les nombres avec -webkit-, -moz- ou -o- indiquent la première version utilisant le préfixe.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-