CSS3坐標旋轉是指通過CSS3的變換屬性,使元素在平面內圍繞指定點順時針或逆時針旋轉一定角度的效果。其主要使用的屬性是transform,其中旋轉屬性rotate用來控制旋轉角度。
div{ transform: rotate(45deg); }
其中rotate的值可以是角度單位(deg)或弧度單位(rad)。另外,rotate還有兩個可選參數,分別是指定旋轉點的x坐標和y坐標。這樣可以使元素在不同的旋轉中心上旋轉。
div{ transform: rotate(45deg, 50px, 50px); }
此外,通過CSS3的變換屬性,對元素進行旋轉、縮放、位移等多種變換效果,可以實現更多的動態效果。
上一篇css3圓角ie8