2014
11
28

CSS3 transition 屬性

關鍵字:CSStransition 屬性

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

傑立資訊傑立資訊事業有限公司

電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:service@julyinfo.com | 臺北市大安區和平東路3段257號6樓map

© 2016 傑立資訊 All rights reserved.法律顧問:宇恒法律事務所