<div>旋轉中心是指一個元素在進行旋轉時所圍繞的點。在CSS中，可以使用transform屬性來實現元素的旋轉操作。transform屬性可以接受多個參數，其中一個關鍵參數就是旋轉中心。通過設置transform-origin屬性，可以確定元素的旋轉中心的位置。</div>

下面通過幾個代碼案例來詳細解釋<div>旋轉中心</div>的使用。

案例一：

<div style="width: 200px; height: 200px; background-color: red; transform-origin: 50% 50%;"></div>

在這個案例中，通過設置transform-origin屬性為50% 50%，即X軸偏移為50%，Y軸偏移為50%，確定了此<div>元素的旋轉中心位于其自身的中心位置。

案例二：

<div style="width: 200px; height: 200px; background-color: blue; position: relative;">
<div style="width: 100px; height: 100px; background-color: yellow; position: absolute; top: 50px; left: 50px; transform-origin: center center;"></div>
</div>

在這個案例中，通過設置transform-origin屬性為center center，即X軸偏移為元素寬度的一半，Y軸偏移為元素高度的一半，確定了黃色的子<div>元素的旋轉中心位于其自身的中心位置。

案例三：

<div style="width: 200px; height: 200px; background-color: green; position: relative;">
<div style="width: 100px; height: 100px; background-color: orange; position: absolute; top: 50px; left: 50px; transform-origin: bottom right;"></div>
</div>

在這個案例中，通過設置transform-origin屬性為bottom right，即X軸偏移為元素寬度，Y軸偏移為元素高度，確定了橙色的子<div>元素的旋轉中心位于其自身的右下角位置。

通過這些案例，我們可以看到，通過設置不同的transform-origin值，我們可以控制元素旋轉的中心位置，從而實現不同的旋轉效果。這在設計和動畫實現中非常有用。