CSS3是一種強大的樣式語言，它可以創建出各種驚人的效果。其中一個特別酷的效果是星球的轉動效果。使用CSS3，我們可以輕松地實現這個功能。

.planet {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #b3d9ff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
animation: rotate 5s infinite linear;
}
@keyframes rotate{
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}

以上代碼創建了一個200px的圓形div，它的背景顏色是淡藍色，它的位置是相對于頁面中心的。使用transform: translate(-50%, -50%)可以將圓形div居中。然后設置一個名為rotate的動畫，它將在5秒鐘內將星球旋轉一周，結束時再次從0度開始。使用infinite關鍵字可以使動畫無限循環。

為滿足特定的需求，我們可以通過修改代碼來調整星球的大小、顏色、旋轉速度、方向等屬性。例如，我們可以將下面的代碼添加到旋轉動畫中，使星球順時針旋轉。

@keyframes rotate{
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(-360deg);
}
}

如此簡單而有趣的星球轉動效果，可以增加頁面的趣味和交互性。如果你想在你的網站或APP中添加一些特別的動效，用CSS3實現星球轉動是一個不錯的選擇。