編輯:我對是否刪除這篇文章感到猶豫。就理解CSS語法而言,讓人們知道all
的存在是好的,根據(jù)CSS的結(jié)構(gòu),它可能比一百萬個單獨(dú)的聲明更可取。另一方面,它可能會有效能損耗,儘管我還沒有看到任何支持這個假設(shè)的資料。暫時我會保留它,但我希望人們意識到這是一種兩面性。
你也可以簡單地使用以下程式碼:
.nav a { transition: all .2s; }
FWIW:如果未指定,all
是預(yù)設(shè)的,所以transition: .2s;
也可以達(dá)到相同的效果。
在支援過渡效果的所有瀏覽器中,過渡屬性是用逗號分隔的:
.nav a { transition: color .2s, text-shadow .2s; }
ease
是預(yù)設(shè)的時間函數(shù),所以你不需要指定它。如果你真的想要 linear
,你需要明確指定:
transition: color .2s linear, text-shadow .2s linear;
這開始變得重複了,所以如果你要在多個屬性上使用相同的時間和時間函數(shù),最好使用各種 transition-*
屬性而不是簡寫形式:
transition-property: color, text-shadow; transition-duration: .2s; transition-timing-function: linear;