天水網(wǎng)站制作公司詳解CSS3新特性之過度特性
時間:2017-07-13 | 來源:士人網(wǎng)絡(luò) | 關(guān)注: 316 次
| 屬性 | 描述 |
|---|---|
| transition | 簡寫屬性，用于在一個屬性中設(shè)置下列四個過渡屬性。 |
| transition-property | 規(guī)定應(yīng)用過渡的 CSS 屬性的名稱，如color、width、height、旋轉(zhuǎn)、背景。 |
| transition-duration | 定義過渡效果花費(fèi)的時間。默認(rèn)是 0,單位是s或ms |
| transition-timing-function | 規(guī)定過渡效果的時間曲線。默認(rèn)是 "ease"即規(guī)定慢速開始，然后變快，然后慢速結(jié)束的過渡效果；linear 規(guī)定以相同速度開始至結(jié)束的過渡效果；ease-in 規(guī)定以慢速開始的過渡效果；ease-out 規(guī)定以慢速結(jié)束的過渡效果；ease-in-out 規(guī)定以慢速開始和結(jié)束的過渡效果 |
| transition-delay | 規(guī)定過渡效果何時開始。默認(rèn)是 0，單位是s或ms |
這個效果看上去是個動畫，之前要實(shí)現(xiàn)這樣的效果要么用flash做動畫，要么用js做?，F(xiàn)在就可直接用CSS3 transition過度屬性來完成，我們只能向CSS3致敬了?。?！
相關(guān)熱詞搜索： CSS3過度,天水網(wǎng)站制作
