CSS中的圓形自身旋轉是一種常見的網頁設計技巧，下面是一個示例代碼：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background: red;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

上面的代碼定義了一個寬高為100px的圓形，以及一個名為"rotate"的動畫。動畫的效果是讓圓形不斷地旋轉，旋轉的周期是2秒。具體來說，動畫會從0%開始，讓圓形不偏不倚地位于初始位置；隨后經過2秒的旋轉，動畫結束時圓形回到了初始位置。這樣不斷地重復執行，就形成了圓形的自身旋轉效果。

關于上面代碼的解析，首先是通過border-radius屬性定義了一個半徑為50%的圓形。接著通過animation屬性指定了動畫效果，其中的"rotate"是動畫的名稱。在@keyframes規則中，定義了動畫從初始狀態到結束狀態的所有過程。通過transform屬性的rotate函數，實現了圓形圍繞自身中心不斷旋轉。最后通過infinite關鍵字，讓動畫不斷循環執行。

當然，在實際的網頁設計中，要根據實際需要靈活運用圓形自身旋轉效果。比如可以結合其他CSS屬性，如opacity、box-shadow等，形成更加豐富的動畫效果。同時，也要注意控制動畫的速度、循環次數等參數，以實現最佳的視覺效果。