CSS旋轉是Web前端開發中常用的一個功能，通過旋轉可以讓元素進行各種視覺上的變化。但是如果不設置旋轉的原點，元素旋轉的默認原點是其中心點。有時候我們希望元素旋轉的原點發生變化，這時候就需要使用CSS的transform-origin屬性來定義旋轉中心點。

CSS中transform-origin屬性可以用來定義旋轉中心點。默認值是50% 50%，也就是元素的中心點。這個屬性的值可以是一個或兩個關鍵字值，或者是像素值和百分比值的組合。例如：

/* 設置旋轉中心點為元素左下角 */
transform-origin: left bottom;
/* 設置旋轉中心點為元素中心 */
transform-origin: center;
/* 設置旋轉中心點為x軸方向距離元素右邊緣50px處，y軸方向距離元素下邊緣50px處 */
transform-origin: 50px 50px;

通過這種方式，我們可以靈活的設置旋轉中心點，從而實現更加豐富多彩的動畫效果。需要注意的是，如果元素發生了旋轉，其坐標系也會隨之發生變化，因此旋轉中心點坐標的計算需要特別謹慎。