CSS3中的旋轉(zhuǎn)位置是在設(shè)計中非常常見的，它可以通過transform屬性來實現(xiàn)。transform能夠?qū)υ剡M行各種變換操作，包括旋轉(zhuǎn)、位移、縮放等，其中旋轉(zhuǎn)就是應(yīng)用最為廣泛的一種變換。

/* 通過transform進行旋轉(zhuǎn)操作 */
.box {
transform: rotate(45deg);
}

上面代碼中，通過rotate函數(shù)實現(xiàn)對元素的旋轉(zhuǎn)，單位可以是deg、rad、grad、turn。實現(xiàn)旋轉(zhuǎn)后，元素的定位點也隨之改變，最好通過transform-origin屬性來指定旋轉(zhuǎn)的中心點。

/* 通過transform-origin指定旋轉(zhuǎn)中心點 */
.box-2 {
transform: rotate(30deg);
transform-origin: center center;
}

通過上面代碼中的center center來指定旋轉(zhuǎn)的中心點為元素的中心點，也可以通過left、top、right、bottom、百分比等方式指定中心點，自由度更高。