在CSS中，我們可以使用transform來進行旋轉(zhuǎn)變換，而默認的旋轉(zhuǎn)點是元素的中心點。但是，在一些特殊情況下，我們需要自定義旋轉(zhuǎn)點。下面我們就來介紹如何實現(xiàn)自定義旋轉(zhuǎn)點。

transform-origin: x y;

x和y分別表示旋轉(zhuǎn)點的橫縱坐標，取值可以是 數(shù)字（像素）、百分比、left、center、right，top、center、bottom。也就是說，我們可以根據(jù)元素大小和需求，自由設(shè)置旋轉(zhuǎn)點。

例如，假設(shè)我們有一個正方形，要以左下角為旋轉(zhuǎn)點進行旋轉(zhuǎn)：

.square {
width: 100px;
height: 100px;
background-color: red;
transform-origin: left bottom;
transform: rotate(30deg);
}

代碼中，我們設(shè)置了旋轉(zhuǎn)點的坐標為(left, bottom)，即左下角。然后我們將元素旋轉(zhuǎn)了30度。

需要注意的是，設(shè)定旋轉(zhuǎn)點的坐標是相對于元素本身的。也就是說，當(dāng)坐標為0 0時，旋轉(zhuǎn)點就在元素的左上角；而當(dāng)坐標為100% 100%時，旋轉(zhuǎn)點就在元素的右下角。

總結(jié)來說，自定義旋轉(zhuǎn)點能夠更加靈活地進行旋轉(zhuǎn)變換，有助于實現(xiàn)一些特殊樣式效果。而操作也非常簡單，只需要使用transform-origin屬性進行設(shè)置即可。