CSS 過渡（transition）

CSS 過渡（transition）, 是css3中, 用來控制 CSS 屬性的變化速率。可讓屬性的變化持續一段時間，而不是當即生效。

Transition-Property:

          要變化的屬性值,只有被指定的屬性纔會在過分時產生動畫效果。

#demo { width:20px; height:20px; background-color:#0080FF; transition:width 1.5s; /*只會對width的改變產生動畫效果*/ } transition-property:width , height;/*寫多個值用逗號分割*/ transition-duration:2.5s;/*過渡持續時間能夠只寫一個,也可分別指定,一樣用逗號分割*/ 

Transition-duration:

 設定過渡持續的時間,能夠爲秒或毫秒。

Transition-timing-function:

 設定過渡動畫的曲線,默認不設置時,爲ease,慢速開始,而後變快再慢速;

 transition-timing-function: ease-out;

Transition-delay:

 設定動畫開始前的等待時間(默認爲0,無延遲);