CSS3動畫可以使網頁更生動，更具有吸引力。其中旋轉動畫是非常常見的一種動畫效果，可以讓網頁元素進行360度旋轉，讓靜態的元素變得更加動態。而設置旋轉中心，則可以讓旋轉動畫效果更加精準和優美。

box {
width: 100px;
height: 100px;
background-color: #f00;
position: relative;
animation: rotate 2s infinite;
transform-origin: center center;
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}

上述代碼中，我們首先定義一個box元素，并使其進行旋轉動畫。使用animation屬性設置動畫名稱，時間，循環次數等屬性。然后使用transform-origin屬性來設置旋轉中心，默認旋轉中心為元素的中心點。

如果希望設置元素的某一部分作為旋轉中心，可以使用一個有趣的技巧：在元素內部再嵌套一個元素，并使用絕對定位將其置于需要作為旋轉中心的位置。例如：

.box {
position: relative;
width: 200px;
height: 200px;
background-color: #f00;
}
.inner {
position: absolute;
width: 40px;
height: 40px;
background-color: #00f;
left: 80px;
top: 80px;
transform-origin: top left;
}
.inner:hover {
animation: rotate 2s infinite;
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}

上述代碼中，我們創建了一個.box元素作為外層容器，并嵌套了一個.inner元素作為旋轉中心。使用絕對定位將inner元素定位到box元素的左上角位置，并使用transform-origin屬性將其設置為旋轉中心。然后使用hover事件觸發旋轉動畫。

在使用CSS3旋轉動畫時，設置旋轉中心可以讓效果更加精準，并且可以實現更多有趣的效果。希望大家在開發中多加嘗試和創新，創造出更加炫酷的動畫效果！