Rumah > Soal Jawab > teks badan
P粉9304480302023-08-23 10:13:24
Sunting: Saya teragak-agak untuk memadamkan siaran ini. Dari segi memahami sintaks CSS, adalah baik untuk memberitahu orang ramai bahawa all
wujud, dan bergantung pada struktur CSS, mungkin lebih baik daripada sejuta pengisytiharan berasingan. Sebaliknya, ia bolehmempunyai penalti prestasi, walaupun saya tidak melihat sebarang data untuk menyokong hipotesis ini. Saya akan meninggalkannya buat masa ini, tetapi saya harap orang ramai menyedari ia adalah jalan dua hala.
Anda juga boleh menggunakan kod berikut:
.nav a { transition: all .2s; }
FWIW: Jika tidak dinyatakan, all
是默认的,所以transition: .2s;
ialah lalai, jadi transition: .2s;
juga boleh mencapai kesan yang sama.
P粉0557261462023-08-23 09:42:12
Dalam semua pelayar yang menyokong kesan peralihan, atribut peralihan dipisahkan dengan koma:
.nav a { transition: color .2s, text-shadow .2s; }
ease
是默认的时间函数,所以你不需要指定它。如果你真的想要 linear
, anda perlu menyatakan dengan jelas:
transition: color .2s linear, text-shadow .2s linear;
Ini mula berulang, jadi jika anda akan menggunakan fungsi masa dan masa yang sama pada berbilang sifat, lebih baik menggunakan pelbagai sifat transition-*
dan bukannya trengkas:
transition-property: color, text-shadow; transition-duration: .2s; transition-timing-function: linear;