簡介：transition（過渡）字如其名，是用來設置元素由一種狀態到另一種狀態中間的過渡效果的，比如變化的速度，變化的持續時間等。它主要有4個屬性，分別是transition-PRoperty（屬性，如width,color等），transition-duration（變化持續時間），transition-timing-function（如何變化），transition-delay（延遲時間）。使用方法如下：

一.語法

二.參數 1.property：指對哪個屬性進行過渡，有三種設置方法，none（不對任何屬性進行過渡），all（對所有屬性都進行過渡），indent（元素屬性名，如width,color等）。 2.duration：規定過渡持續的時間，單位為秒或毫秒（s/ms）。 3.timing-function：過渡的效果： （1）ease：逐漸變慢，默認值 （2）linear：勻速 （3）ease-in：加速 （4）ease-out：減速 （5）ease-in-out：加速然后減速 （6）cubic-bezier：該值允許你去自定義一個時間曲線 ，(x1, y1, x2, y2)四個值特定于曲線上點P1和點 P2。所有值需在[0, 1]區域內，否則無效。 4.delay：過渡效果何時開始。

三.小練習

效果如圖： 圖片只是個變化的各個階段的效果，當然過渡不會這么生硬，一切以運行效果為準。