CSS3提供了很多新奇的動(dòng)畫效果，其中無(wú)限旋轉(zhuǎn)效果也是常用的動(dòng)畫之一。下面我們來(lái)了解一下CSS3無(wú)限旋轉(zhuǎn)的實(shí)現(xiàn)方法。

/*旋轉(zhuǎn)動(dòng)畫*/
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} 
/*無(wú)限旋轉(zhuǎn)*/
.rotating {
animation: rotate infinite 2s linear;
}

上述代碼中，我們定義了一個(gè)名為rotate的CSS3動(dòng)畫，從0度旋轉(zhuǎn)到360度。接著，我們定義了一個(gè)名為.rotating的類，將旋轉(zhuǎn)動(dòng)畫應(yīng)用于這個(gè)類中，同時(shí)設(shè)置了無(wú)限循環(huán)和2秒線性動(dòng)畫效果。

對(duì)于需要使用無(wú)限旋轉(zhuǎn)效果的元素，只需要為其添加.rotating類即可實(shí)現(xiàn)無(wú)限旋轉(zhuǎn)效果。

需要注意的是，不同瀏覽器可能對(duì)CSS3的支持程度不同，因此在實(shí)現(xiàn)CSS3動(dòng)畫效果時(shí)，需要針對(duì)各種瀏覽器進(jìn)行兼容性處理。