CSS星軌旋轉是一種在網頁設計中常見的效果，可以讓網頁看起來更加動感和生動。實現這種效果需要運用CSS3中的旋轉和動畫特性。在這里我們將使用pre標簽來展示代碼。

/* 定義星軌的樣式 */
.star {
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
}
/* 定義動畫的樣式 */
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* 定義星軌的動畫 */
.star-1 {
top: 20%;
left: 45%;
animation: rotation 20s linear infinite;
}
.star-2 {
top: 45%;
left: 20%;
animation: rotation 25s linear infinite;
}
.star-3 {
top: 75%;
left: 25%;
animation: rotation 30s linear infinite;
}
.star-4 {
top: 65%;
left: 70%;
animation: rotation 35s linear infinite;
}
/* 將星軌添加到頁面中 */
div {
position: relative;
}

上面的代碼中，我們首先定義了一個.star的樣式，用來表示星軌的形狀和顏色。接著，我們定義了一個名為rotation的動畫樣式，用來表示星軌旋轉的效果。最后，我們定義了四個不同的.star樣式來表示不同位置的星軌，并通過animation屬性將rotation動畫應用到星軌上。最后將組成好的星軌通過添加到頁面的div標簽中來完成星軌的展示。

當頁面加載完成后，星軌將會開始旋轉，從而創建出一種炫酷的視覺效果。這個效果可以讓網頁看起來更富有動感，增加用戶的體驗感。此外，通過不同的參數設置，還可以創造出多種不同的星軌效果，讓網頁更具生命力。