CSS旋轉動畫是一種常見的UI效果，它可以使頁面元素以各種方式旋轉。循環則是指動畫可以無限次地重復播放。在CSS中，我們可以使用@keyframes關鍵字定義旋轉動畫和循環次數。下面是一個示例：

.rotate {
animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

在這個示例中，.rotate是我們要添加旋轉動畫的元素的CSS類。animation-name指定了使用rotate關鍵字所定義的動畫。animation-duration設置了動畫持續的時間，這里是2秒。animation-iteration-count設置了動畫的循環次數，這里是無限次。animation-timing-function指定了動畫速度，這里是線性（即勻速）。

@keyframes rotate是我們定義動畫的關鍵字。在這里，我們在0%的時候開始旋轉，transform:rotate(0deg)表示元素沒有旋轉。在100%的時候，我們將元素設置為360度旋轉，transform:rotate(360deg)。

總而言之，CSS旋轉動畫循環是一個簡單但實用的UI效果，它可以使您的頁面更加吸引人。通過使用@keyframes關鍵字和animation屬性，我們可以輕松地使用CSS實現這一特效。