CSS是前端開發中非常重要的一環，它可以實現頁面的美觀和動態效果。其中，旋轉是一種非常常見的效果，下面我們就來學一下如何在CSS中實現循環旋轉。

/* 定義關鍵幀 */
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
/* 使用關鍵幀實現循環旋轉 */
element {
animation: rotate 2s linear infinite;
}

以上代碼中，我們首先使用@keyframes定義了一個名為rotate的關鍵幀，其中0%表示動畫開始時的狀態，100%表示動畫結束后的狀態，transform: rotate()表示對元素進行旋轉。接下來在element元素的樣式中，我們使用animation屬性，把定義好的rotate關鍵幀應用到元素中，其中2s表示動畫周期為2秒，linear表示平均速度運動，infinite表示無限循環動畫。

CSS中的循環旋轉可以應用在很多地方，比如頁面中的加載動畫、輪播圖等等。在具體實現時，可根據具體需求來調整動畫的周期、速度等屬性，以實現更加精美的效果。