Propriété CSS transition-delay
Exemple
Attendez 2 secondes avant que l'effet de transition ne commence :
div {
transition-delay: 2s;
}
Définition et utilisation
La transition-delay
propriété spécifie quand l'effet de transition commencera.
La transition-delay
valeur est définie en secondes (s) ou en millisecondes (ms).
Valeur par défaut: | 0s |
---|---|
Hérité: | non |
Animable : | non. En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.transitionDelay="2s" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Les nombres suivis de -webkit-, -moz- ou -o- spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
transition-delay | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Syntaxe CSS
transition-delay: time|initial|inherit;
Valeurs de propriété
Value | Description |
---|---|
time | Specifies the number of seconds or milliseconds to wait before the transition effect will start |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Tutoriel CSS : Transitions CSS
Référence HTML DOM : propriété transitionDelay