CSS3 動(dòng)畫(huà)是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一部分，它可以讓網(wǎng)頁(yè)更加生動(dòng)、活潑，增加用戶的體驗(yàn)。但是默認(rèn)情況下，CSS3 動(dòng)畫(huà)只會(huì)播放一次，無(wú)法連續(xù)不斷地循環(huán)播放。那么，如何實(shí)現(xiàn) CSS3 動(dòng)畫(huà)一直播放呢？

/* CSS3 動(dòng)畫(huà)的定義 */
@-webkit-keyframes my-animation { /* Safari 和 Chrome */
0% {
/* 動(dòng)畫(huà)開(kāi)始時(shí)的樣式 */
}
100% {
/* 動(dòng)畫(huà)結(jié)束時(shí)的樣式 */
}
}
@keyframes my-animation { /* 其他瀏覽器 */
0% {
/* 動(dòng)畫(huà)開(kāi)始時(shí)的樣式 */
}
100% {
/* 動(dòng)畫(huà)結(jié)束時(shí)的樣式 */
}
}
/* 元素應(yīng)用動(dòng)畫(huà) */
.element {
-webkit-animation: my-animation 2s infinite; /* Safari 和 Chrome */
animation: my-animation 2s infinite; /* 其他瀏覽器 */
}

代碼解釋?zhuān)?/p>

在樣式表中定義一個(gè)名為“my-animation”的動(dòng)畫(huà)，包括開(kāi)始和結(jié)束兩個(gè)狀態(tài)。在要應(yīng)用動(dòng)畫(huà)的元素中，通過(guò)“animation”屬性指定要播放的動(dòng)畫(huà)名稱（“my-animation”）、播放時(shí)間（2秒）和播放次數(shù)（infinite，表示無(wú)限次播放）。