在CSS中,我們可以使用animation
屬性來創(chuàng)建無限旋轉(zhuǎn)的效果,為了讓旋轉(zhuǎn)持續(xù)不斷,我們可以將動(dòng)畫的持續(xù)時(shí)間設(shè)置為一個(gè)較長的時(shí)間,例如幾天或幾年,這樣旋轉(zhuǎn)就會(huì)一直進(jìn)行下去。
下面是一個(gè)簡單的CSS代碼示例,展示了如何創(chuàng)建一個(gè)無限旋轉(zhuǎn)的動(dòng)畫:
@keyframes infinite-rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rotate-forever { animation: infinite-rotation 20s linear infinite; }
在這個(gè)示例中,我們定義了一個(gè)名為infinite-rotation
的關(guān)鍵幀動(dòng)畫,該動(dòng)畫從rotate(0deg)
開始,到rotate(360deg)
結(jié)束,完成一次旋轉(zhuǎn),我們將這個(gè)動(dòng)畫應(yīng)用到一個(gè)名為.rotate-forever
的類上,并設(shè)置動(dòng)畫的持續(xù)時(shí)間為20秒,以及線性速度和無限重復(fù)。
你可以將這段CSS代碼復(fù)制到你的樣式表中,并給需要旋轉(zhuǎn)的元素添加.rotate-forever
類,即可實(shí)現(xiàn)無限旋轉(zhuǎn)的效果,記得根據(jù)你的需求調(diào)整動(dòng)畫的持續(xù)時(shí)間和速度。