CSS星球動畫是一種酷炫的網頁效果，它可以通過CSS代碼實現星球的旋轉和移動，給用戶帶來非常獨特的視覺體驗。

// 定義星球的樣式
.star {
width: 50px;
height: 50px;
border-radius: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
// 定義星球的動畫效果
@keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
// 將動畫效果應用到星球上
.star {
animation-name: rotate;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
// 定義星球的運動路徑
@keyframes move {
from {
top: 0;
}
to {
top: 90%;
}
}
// 將運動路徑應用到星球上
.star {
animation-name: move;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

通過這些CSS代碼，我們可以在網頁上實現一個星球動畫效果，吸引更多用戶的注意力，增加網站的互動性和用戶體驗。