CSS中旋轉(zhuǎn)變換是經(jīng)常用到的一種效果，但是在默認(rèn)情況下，旋轉(zhuǎn)的基點(diǎn)是元素的中心點(diǎn)。如果想要改變旋轉(zhuǎn)基點(diǎn)，有以下兩種方法可以實(shí)現(xiàn)。

第一種方法，使用transform-origin屬性。這個(gè)屬性可以設(shè)置元素的旋轉(zhuǎn)基點(diǎn)，可以是像素值，也可以是百分比。下面是示例代碼：

.box{
transform-origin: 0% 0%; /*設(shè)置旋轉(zhuǎn)基點(diǎn)為左上角*/
transform: rotate(45deg); /*進(jìn)行旋轉(zhuǎn)變換*/
}

第二種方法，使用translate()方法。這個(gè)方法可以移動(dòng)元素的位置，相當(dāng)于重新定義了元素的坐標(biāo)系。移動(dòng)的距離可以是像素值，也可以是百分比。下面是示例代碼：

.box{
transform: translate(-50%, -50%) rotate(45deg) translate(50%, 50%);
/*先將元素移動(dòng)到中心點(diǎn)，進(jìn)行旋轉(zhuǎn)變換，再移動(dòng)回去*/
}

以上兩種方法，可以根據(jù)具體情況選擇使用。利用好旋轉(zhuǎn)基點(diǎn)，可以實(shí)現(xiàn)更加豐富的效果。