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