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