CSS動(dòng)畫是為網(wǎng)頁添加動(dòng)態(tài)效果的常用技術(shù)。然而，有些動(dòng)畫在播放一次后就停止了，無法一直重復(fù)播放。下面我們將介紹如何使用CSS讓動(dòng)畫一直播放。

首先，我們需要使用CSS關(guān)鍵幀（keyframes）來定義動(dòng)畫。keyframes允許我們指定動(dòng)畫在不同的幀（或時(shí)間點(diǎn)）上的樣式。例如：

@keyframes myAnimation {
0% {
background-color: red;
}
50% {
background-color: blue;
}
100% {
background-color: green;
}
}

上述代碼定義了一個(gè)名為myAnimation的動(dòng)畫，其從開始到結(jié)束，背景顏色從紅色到綠色逐漸變化。50%的幀時(shí)，背景顏色為藍(lán)色。

我們接下來可以通過animation屬性來使用這個(gè)動(dòng)畫：

.element {
animation: myAnimation 3s infinite;
}

上述代碼指定一個(gè)名為element的HTML元素，應(yīng)用myAnimation動(dòng)畫。animation屬性包含三個(gè)參數(shù)，分別為動(dòng)畫名稱、持續(xù)時(shí)間和重復(fù)次數(shù)。這里我們將持續(xù)時(shí)間設(shè)置為3s，將重復(fù)次數(shù)設(shè)置為infinite，表示動(dòng)畫將無限重復(fù)。

這樣就可以讓CSS動(dòng)畫一直播放了。需要注意的是，如果我們還希望在動(dòng)畫完成后保持最終狀態(tài)，可以添加forwards參數(shù)：

.element {
animation: myAnimation 3s infinite forwards;
}

上述代碼中，forwards參數(shù)表示動(dòng)畫在完成后將保持最終狀態(tài)。

總之，使用CSS可以輕松地為網(wǎng)頁添加動(dòng)畫效果。通過使用關(guān)鍵幀和animation屬性，我們可以實(shí)現(xiàn)各種復(fù)雜的動(dòng)畫，包括無限重復(fù)播放的動(dòng)畫效果。