用CSS動畫可以實現許多有趣的效果，其中讓圓旋轉也是一種常見的技巧。我們可以使用 CSS 中的 transform 和 animation 屬性來創建這種動畫效果。

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

在上述代碼中，我們首先定義了一個 .circle 類，設置了它的寬度、高度、圓角半徑和背景顏色。接著，我們使用 animation 屬性將旋轉動畫應用到 .circle 上，指定了動畫名稱、時長、時間函數和動畫次數。上述代碼中，rotate 表示動畫名稱，2s 表示動畫時長，linear 表示動畫的時間函數為線性運動，infinite 表示動畫無限循環。

在下面的代碼塊中，我們定義了 rotate 動畫的關鍵幀，from 和 to 表示動畫的起始和結束狀態。在該動畫中，我們將圓的 transform 屬性設置為旋轉指定角度，通過不斷的旋轉，實現了讓圓旋轉的動畫效果。

使用 CSS 動畫讓圓旋轉，不僅能為頁面增添一些趣味性，同時也展示了 CSS 動畫的強大之處。如果您也想在網頁中加入一些有趣的動畫效果，為頁面增加一些生命力，不妨學習一下與圓形有關的 CSS 動畫技巧吧！