CSS3動(dòng)畫(huà)可以為網(wǎng)頁(yè)添加許多生動(dòng)的效果。其中轉(zhuǎn)動(dòng)效果是一種非常常見(jiàn)的動(dòng)畫(huà)效果。使用CSS3的旋轉(zhuǎn)屬性，可以輕松地實(shí)現(xiàn)一個(gè)旋轉(zhuǎn)的動(dòng)畫(huà)效果。

.rotate{
animation: rotate 2s infinite linear;
transform-origin: center;
}
@keyframes rotate{
from{transform: rotate(0);}
to{transform: rotate(360deg);}
}

以上代碼實(shí)現(xiàn)了一個(gè)無(wú)限循環(huán)的旋轉(zhuǎn)動(dòng)畫(huà)效果。通過(guò)添加transform屬性，可以實(shí)現(xiàn)元素的旋轉(zhuǎn)。通過(guò)設(shè)置animation屬性，可以讓元素執(zhí)行一組動(dòng)畫(huà)序列。transform-origin屬性定義元素旋轉(zhuǎn)的中心點(diǎn)，這里設(shè)置為中心點(diǎn)。

除了可以設(shè)置無(wú)限循環(huán)，也可以通過(guò)設(shè)置animation-iteration-count屬性來(lái)控制旋轉(zhuǎn)動(dòng)畫(huà)的執(zhí)行次數(shù)。例如：animation-iteration-count: 2;表示動(dòng)畫(huà)執(zhí)行2次。

通過(guò)調(diào)整transform屬性中的rotate參數(shù)，可以實(shí)現(xiàn)不同的旋轉(zhuǎn)效果。例如：rotate(45deg)表示元素沿順時(shí)針?lè)较蛐D(zhuǎn)45度。

綜上所述，通過(guò)簡(jiǎn)單的CSS3代碼，可以輕松地實(shí)現(xiàn)轉(zhuǎn)動(dòng)的動(dòng)畫(huà)效果，為網(wǎng)頁(yè)增添生動(dòng)的氣息。