在CSS中,我們可以使用animation
屬性來讓圖標(biāo)一直動(dòng),這個(gè)屬性可以定義動(dòng)畫的名稱、持續(xù)時(shí)間、延遲時(shí)間、循環(huán)次數(shù)等,為了讓圖標(biāo)一直動(dòng),我們需要設(shè)置動(dòng)畫的循環(huán)次數(shù)為無限次。
下面是一個(gè)簡(jiǎn)單的CSS代碼示例,可以讓一個(gè)圖標(biāo)一直旋轉(zhuǎn):
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .icon { animation: spin 1s linear infinite; }
在這個(gè)示例中,我們定義了一個(gè)名為spin
的動(dòng)畫,它會(huì)在1秒內(nèi)將圖標(biāo)從0度旋轉(zhuǎn)到360度,我們將這個(gè)動(dòng)畫應(yīng)用到.icon
類上,并設(shè)置動(dòng)畫的循環(huán)次數(shù)為無限次(infinite
),這樣,圖標(biāo)就會(huì)一直旋轉(zhuǎn)下去。
這只是一個(gè)簡(jiǎn)單的示例,你可以根據(jù)自己的需求來定義更復(fù)雜的動(dòng)畫效果,無論你的動(dòng)畫效果多么復(fù)雜,都需要確保將動(dòng)畫的循環(huán)次數(shù)設(shè)置為無限次,才能讓圖標(biāo)一直動(dòng)。