transition屬性、兼容性

/*過渡的屬性*/

transition:all ease-in 1s;(all表示該元素css中所有屬性，ease-in過渡效果，1s過渡的時間)

transition兼容性

-ms-transition:width 2s;/*IE*/

-moz-transition: width 2s; /* Firefox 4 */

上邊是融合寫法

下邊是分離屬性寫法

transition-timing-function屬性規定過渡效果的速度曲線。

transition-timing-function:linear;(linear指的是全程都是相同的速度進行)

transition-timing-function:ease;(ease指的是先慢開始，再快進行)

transition-timing-function:ease-in;(ease-in指的是全程慢速度進行)

transition-timing-function:ease-out;(ease-out指的是速度漸漸減慢進行)

transition-timing-function:ease-in-out;(ease-in-out指的是慢開始，漸漸減慢進行)

transition-timing-function:cubic-bezier(n,n,n,n);(在 cubic-bezier 函數中定義自己的值。可能的值是 0 至 1 之間的數值。)

transition-property屬性規定應用過渡效果的 CSS 屬性的名稱。

transition-property:none;(none指的是沒有屬性獲得效果)

transition-property:all;（all指的是全部屬性都獲得效果）

transition-property:property;(property指的是自定義要過渡的css屬性名)

transition-duration 屬性規定完成過渡效果需要花費的時間（以秒或毫秒計）。

transition-duration:2s;(2s指的是效果過渡的時間為2s，時間由自己定，0時表示無效果)

transition-delay 屬性規定過渡效果何時開始。

transition-delay: 2s;（2s指的是2秒後才開始過渡，時間由自己定）

建議transition使用融合寫法，在各大瀏覽的兼容性都要寫進。