CSS3是當(dāng)今最熱門的前端技術(shù)之一，它不僅可以實(shí)現(xiàn)頁面的美化，還可以實(shí)現(xiàn)動(dòng)畫效果。其中，運(yùn)用CSS3實(shí)現(xiàn)動(dòng)畫一直播放是一種非常實(shí)用的技巧。

具體實(shí)現(xiàn)方法如下：

box{
animation: move 2s linear infinite;
}
@keyframes move{
0%{
width: 100px;
}
50%{
width: 200px;
}
100%{
width: 100px;
}
}

上述代碼中，通過設(shè)置box元素的animation屬性，使其調(diào)用名為move的關(guān)鍵幀動(dòng)畫，其中2s表示動(dòng)畫運(yùn)動(dòng)所需的時(shí)間，linear表示動(dòng)畫采用的時(shí)間函數(shù)，infinite表示動(dòng)畫播放次數(shù)為無限次。

而通過設(shè)置關(guān)鍵幀動(dòng)畫move，便可設(shè)置動(dòng)畫過程中的樣式變化。0%表示動(dòng)畫的初始狀態(tài)，100%表示動(dòng)畫的終止?fàn)顟B(tài)。50%表示動(dòng)畫播放到一半時(shí)的狀態(tài)。本示例中，動(dòng)畫將從100px寬的狀態(tài)開始，經(jīng)過2秒運(yùn)動(dòng)后，變?yōu)?00px寬，最終恢復(fù)至100px寬。如此循環(huán)播放。

以上就是使用CSS3實(shí)現(xiàn)動(dòng)畫一直播放的方法。大家可以將此方法應(yīng)用于自己的網(wǎng)頁設(shè)計(jì)中，以獲得更加炫酷的效果。