CSS3 transition 屬性

CSS3 transition 屬性是一種 CSS3 的轉場效果，網頁設計師可以透過 CSS3 transition 屬性的效果來調整網頁元素變化的特效，例如 DIV 區塊尺寸改變的效果、網頁文字變色的緩慢效果，只要利用 CSS3 transition 屬性值的秒數設定，就可以輕易的創造出慢動作（Slow Motion）的感覺。不過 CSS3 的 transition 屬性在較舊版的瀏覽器並不支援，待會兒會有一個瀏覽器對 CSS3 transition 屬性支援情況的整理給各位參考，先來看這個 transition 屬性的語法規則以及參數所代表的意思有哪些。

CSS3 transition 屬性基本語法

transition: property duration timing-function delay;

其實 CSS3 transition 是一個整合式的語法，包含了 property duration timing-function delay 等四個屬性值的效果，此種語法概念與 CSS 的 border 邊框設計語法有所雷同，CSS3 的 transition 屬性值也可以分別獨立出來設計。