文章專區

網頁設計相關文章

transform:rotate(θ)--CSS的旋轉功能

CSS的 transform 屬性可以讓網頁元素變形,呈現多種的特殊效果,其中之一便是旋轉效果,可以自由設定元素順時針或逆時針旋轉幾度。

寫法為rotate(θ)
指定元素以參考點為中心軸旋轉θ度。
θ 參數須有標示單位,例如: deg (角度)、rad (弧度) 、grad (梯度) 
正數為順時針旋轉,負數反之為逆時針。
 
範例:
transform:rotate(5deg)為指定元素以參考點為中心軸順時針旋轉5度。