CSS過渡動畫是網頁動效中不可或缺的一部分。其中，無限旋轉動畫是經典的一種，可以為網頁增添動感和視覺吸引力。下面介紹如何使用CSS來實現無限旋轉動畫。

.spin {
animation: spin 2s infinite linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

首先，我們需要定義一個CSS類名為“spin”的樣式。其中，animation屬性指定該元素進行動畫操作，屬性值為“spin 2s infinite linear”，意味著動畫名稱為“spin”，持續時間為2秒，無限循環，動畫速度為線性。

接著，我們需要定義“spin”動畫的具體實現方式。關鍵字“@keyframes”用于定義動畫的關鍵幀，從哪里開始，到哪里結束。在這里，我們從0度開始旋轉，到360度結束。代碼如下：

@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

在以上代碼中，“from”表示動畫起始位置，即旋轉0度，而“to”表示動畫結束位置，即旋轉360度。

最后，在HTML中我們只需要將需要實現無限旋轉的元素賦予“spin”類名即可。例如，將一個元素定義為無限旋轉的方式如下：

<img src="spin.png" class="spin">

這樣，我們就可以輕松地在網頁中實現無限旋轉動畫了。如果要實現更多樣化的旋轉動畫，只需要調整“@keyframes”中的關鍵幀即可。