CSS3 transition-Méthode d'utilisation et exemple de l'attribut duration

transition-L'attribut duration CSS spécifie le nombre de secondes ou de millisecondes nécessaires pour terminer l'animation de transition.

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.

transition-Syntaxe d'utilisation de duration

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

transition-duration:　time　|　initial　|　inherit

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

button　{
　　　　background:　#fd7c2a;
　　　　/*　Pour　Safari　3.0+　*/
　　　　-webkit-transition-property:　background;
　　　　-webkit-transition-duration:　2s;
　　　　
　　　　transition-property:　background;
　　　　transition-duration:　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 de l'attribut duration, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; toutes les navigateurs populaires prennent en charge cette propriété.

Lisez davantage

Veuillez consulter les tutoriels suivants :CSS3 Transitions。

Propriétés associées :transition，transition-delay，transition-property，transition-timing-function。