在CSS中，我們可以使用animation屬性來(lái)實(shí)現(xiàn)無(wú)限循環(huán)動(dòng)畫。animation屬性是一個(gè)復(fù)合屬性，用于設(shè)置動(dòng)畫的多個(gè)方面，包括動(dòng)畫的名稱、持續(xù)時(shí)間、延遲時(shí)間、循環(huán)次數(shù)等。

要實(shí)現(xiàn)無(wú)限循環(huán)動(dòng)畫，我們需要將animation屬性中的iteration-count值設(shè)置為infinite，表示動(dòng)畫將無(wú)限循環(huán)播放。

我們可以創(chuàng)建一個(gè)簡(jiǎn)單的無(wú)限循環(huán)動(dòng)畫，使用@keyframes規(guī)則定義動(dòng)畫的關(guān)鍵幀，然后將animation屬性應(yīng)用于需要循環(huán)播放的元素上。

在HTML中，我們可以將需要循環(huán)播放的元素標(biāo)記出來(lái)，

<div class="loop-animation"></div>

在CSS中，我們可以定義動(dòng)畫的關(guān)鍵幀：

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

我們將animation屬性應(yīng)用于需要循環(huán)播放的元素上：

.loop-animation {
  animation: loop-animation 2s linear infinite;
}

在這個(gè)例子中，我們定義了一個(gè)名為loop-animation的動(dòng)畫，持續(xù)時(shí)間為2秒，線性緩動(dòng)，并且設(shè)置為無(wú)限循環(huán)播放，這樣，我們就可以實(shí)現(xiàn)一個(gè)簡(jiǎn)單的無(wú)限循環(huán)動(dòng)畫了。