CSS是網頁設計中一個不可缺少的技術，而CSS動畫更是讓網頁變得生動有趣的一種技術。今天我們來分享一個CSS彗星環繞的代碼。

.star {
position: absolute;
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
animation: orbit 4s linear infinite;
}
.star:nth-child(2) {
width: 24px;
height: 24px;
animation: orbit 6s linear infinite reverse;
}
.star:nth-child(3) {
width: 14px;
height: 14px;
animation: orbit 2s linear infinite;
}
.star:nth-child(4) {
width: 20px;
height: 20px;
animation: orbit 3s linear infinite reverse;
}
@keyframes orbit {
from {
transform: rotate(0) translateY(-100px) rotate(0);
}
to {
transform: rotate(360deg) translateY(-100px) rotate(-360deg);
}
}

這個CSS代碼用到了關鍵幀動畫和旋轉變換，能夠讓多個星星圍繞著中心點做出環繞動畫效果。star類代表星星的樣式，position: absolute; 將星星元素定位到頁面上。animation屬性則指定了星星的動畫，其中的transform屬性使星星進行旋轉，translateY將星星元素平移-100px。

這個動畫效果是一種非?？犰诺男Ч?，可以用在很多網頁設計中，比如太空主題，星座主題等。希望大家能夠喜歡這個動畫效果，也能夠在自己的網頁設計中加入這種特效。