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 屬性值也可以分別獨立出來設計。