Edit?: j'hésite à supprimer ce message. En termes de compréhension de la syntaxe CSS, il est bon de faire savoir aux gens que all
existe, et selon la structure du CSS, c'est probablement préférable à un million de déclarations distinctes. D'un autre c?té, cela pourraitavoir une pénalité de performances, même si je n'ai vu aucune donnée pour étayer cette hypothèse. Je vais en rester là pour le moment, mais j'espère que les gens réalisent qu'il y a une dualité là-dedans.
Vous pouvez aussi simplement utiliser le code suivant :
.nav a { transition: all .2s; }
FWIW?: s'il n'est pas spécifié, all
是默認(rèn)的,所以transition: .2s;
est la valeur par défaut, donc transition: .2s;
peut également obtenir le même effet.
Dans tous les navigateurs prenant en charge les effets de transition, les attributs de transition sont séparés par des virgules?:
.nav a { transition: color .2s, text-shadow .2s; }
ease
是默認(rèn)的時(shí)間函數(shù),所以你不需要指定它。如果你真的想要 linear
, vous devez préciser explicitement :
transition: color .2s linear, text-shadow .2s linear;
Cela commence à devenir répétitif, donc si vous comptez utiliser la même heure et la même fonction time sur plusieurs propriétés, il est préférable d'utiliser les différentes transition-*
propriétés au lieu du raccourci :
transition-property: color, text-shadow; transition-duration: .2s; transition-timing-function: linear;