旋轉CSS無限循環是一種使網頁元素不斷旋轉的動畫效果。這種效果通常用于吸引用戶的注意力或為頁面提供動態的感覺。下面是一個例子，演示如何使用CSS的@keyframes規則來制作旋轉動畫并在無限循環中播放。 首先，在CSS中定義一個旋轉動畫，如下所示：

@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

這個動畫定義會讓元素在0%時無旋轉，100%時順時針旋轉360度。接下來，把這個動畫應用到一個元素上，如下所示：

p {
animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
}

這個樣式規則將旋轉動畫命名為“rotate”，持續時間為2秒，并指定在無限循環中播放該動畫。應用這個樣式規則后，每個段落元素都會不斷旋轉，直到頁面關閉或該元素的樣式更改。 總之，使用CSS的@keyframes規則與animation-*屬性可以方便地制作旋轉CSS無限循環動畫。如果您希望改變動畫的速度或方向，或者使用其他CSS屬性來調整動畫樣式，可以使用更多的CSS樣式規則來完成。