CSS3 transition-Méthode d'utilisation de l'attribut delay et exemples

transition-L'attribut delay CSS définit quand la conversion commence (par exemple, un2La valeur s représente la conversion qui se produira dans l'application2secondes après commencer). La valeur de cette propriété peut être spécifiée en secondes ou en millisecondes.

Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions et la syntaxe d'utilisation de cette propriété dans le script JavaScript. Le属性的值可以指定为秒或毫秒。)

transition-Syntaxe d'utilisation de delay

La syntaxe de cette propriété est la suivante :

transition-delay:　time　|　initial　|　inherit

Les exemples suivants montrent comment utiliser transition-propriété delay.

button　{
　　　　background:　#fd7c2a;
　　　　/*　Pour　Safari　3.0+　*/
　　　　-webkit-transition-property:　background;
　　　　-webkit-transition-duration:　4s;
　　　　-webkit-transition-delay:　2s;
　　　　
　　　　transition-property:　background;
　　　　transition-duration:　4s;
　　　　transition-delay:　2s;
}
button:hover　{
　　　　background:　#3cc16e;
}

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

Compatibilité du navigateur

transition-compatibilité du navigateur pour la propriété delay, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS3 Transitions。

propriétés associées :transition，transition-duration，transition-property，transition-timing-function。