CSS3過渡屬性transition

CSS3中得過渡transition是一種能與動畫屬性有類似效果的屬性，我們可以在不使用 Flash 動畫或 JavaScript 的情況下，當元素從一種樣式變換為另一種樣式時為元素添加效果。

它有四種屬性：

transition-property: width;      ----使用過渡的css屬性名稱（可不寫，預設為過渡全部需要過渡的css屬性）

transition-duration: 1s; ----過渡效果花費的時間（必須寫）

transition-timing-function: linear; ----過渡效果的時間曲線（可不寫，預設為先快後慢，即ease）

transition-delay: 2s;                 ----過渡效果何時開始（可不寫，預設為立即發生，即0）

連寫時它可以有四個值：

transition：使用過渡的css屬性名稱，過渡效果花費的時間，過渡效果的時間曲線，過渡效果何時開始

如：

transition：width 1s  linear  2s;  即：css寬度屬性，花一秒時間過渡，狀态為勻速，延遲兩秒發生過渡

當需要不同css屬性過渡不同的時間時，可以将它們分别列出。

如：

transition：width 4s,height 3s,transform 2s;