CSS3中提供了許多動畫效果，其中一種是無限循環動畫。通過CSS3，我們可以在網頁上使用各種動畫效果來增強用戶體驗，保持用戶的注意力。無限循環動畫就是其中之一。

無限循環動畫顧名思義就是一直不停地重復動畫效果。這種動畫效果可以用于很多場合，比如網站的背景、動態圖標、廣告等等。通過CSS3的關鍵幀動畫（@keyframes）屬性，我們可以輕松地實現這種動畫效果。

/*定義一個CSS3動畫*/
@keyframes infinite-rotate{
/*定義動畫的起始狀態*/
from{
transform: rotate(0deg);
}
/*定義動畫的結束狀態*/
to{
transform: rotate(360deg);
}
}
/*定義要應用動畫的元素*/
.element{
/*將動畫應用到元素上*/
animation: infinite-rotate 2s infinite linear;
}

關鍵幀動畫的幾個要素包括：動畫名稱、動畫持續時間、動畫重復次數和動畫執行方式等。上面的代碼中定義了一個無限旋轉的動畫（infinite-rotate），并將其應用到一個名為.element的元素上，讓這個元素一直旋轉。

除了旋轉動畫外，還可以實現其他循環的動畫效果，比如閃爍、移動、變色等等。無限循環動畫可以用于各種領域，如制作動態撲克牌、加載動畫等等，只要我們靈活運用CSS3的動畫效果，一定可以做出各種驚艷的效果。