propriété transition-delay CSS

Définition et utilisation

L'attribut transition-delay détermine quand l'effet de transition commence.

La valeur de transition-delay est exprimée en secondes ou en millisecondes.

Voir également :

Tutoriel CSS :transition CSS

Manuel de référence HTML DOM :Attribut transitionDelay

Exemple

Attendre 2 secondes avant le début de l'effet de transition :

div {
  transition-delay: 2s;
}

Essayez-le vous-même

Syntaxe CSS

transition-delay : time;

Valeur de l'attribut

Valeur Description
time Définit le temps d'attente nécessaire avant le début de l'effet de transition, en secondes ou en millisecondes.

Détails techniques

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

Prise en charge 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- ou -moz- 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-