隨著Web技術(shù)的不斷發(fā)展，CSS3已經(jīng)逐漸成為了前端工程師們必須掌握的技能之一，而今天我們要學(xué)習(xí)的就是如何用CSS3實(shí)現(xiàn)無(wú)限轉(zhuǎn)動(dòng)的效果。

首先，我們需要先創(chuàng)建一個(gè)圓形的元素，并使用CSS3中的關(guān)鍵幀動(dòng)畫(huà)（animation）來(lái)讓它無(wú)限轉(zhuǎn)動(dòng)。在上面的代碼中，我們使用了border-radius屬性來(lái)制作出圓形的效果，并使用position屬性將它相對(duì)定位。在animation屬性中，我們使用了名為circle的關(guān)鍵幀動(dòng)畫(huà)，并將它的持續(xù)時(shí)間設(shè)置為了5秒，速度為線性。接著，在關(guān)鍵幀動(dòng)畫(huà)中，我們給了它初始的0度和最終的360度，然后使用transform屬性來(lái)進(jìn)行旋轉(zhuǎn)。

我們可以看到，這里的關(guān)鍵是將animation的持續(xù)時(shí)間設(shè)置得足夠長(zhǎng)，并且同時(shí)將它的可循環(huán)次數(shù)設(shè)置為無(wú)限（infinite），這樣就可以實(shí)現(xiàn)無(wú)限轉(zhuǎn)動(dòng)的效果。你可以隨意調(diào)整它的持續(xù)時(shí)間和旋轉(zhuǎn)速度，來(lái)使它達(dá)到你想要的效果。

總之，CSS3的強(qiáng)大之處就在于它可以幫助我們快速地實(shí)現(xiàn)各種炫酷的效果，而這里所演示的無(wú)限轉(zhuǎn)動(dòng)效果只是其中的一個(gè)小小的例子而已。