CSS3動(dòng)畫(huà)可以通過(guò)定義旋轉(zhuǎn)來(lái)增強(qiáng)網(wǎng)頁(yè)的交互性和視覺(jué)效果。通過(guò)使用CSS3動(dòng)畫(huà)的“transform”屬性中的“rotate”參數(shù)，可以將元素沿著指定軸旋轉(zhuǎn)一定度數(shù)。

.rotate{
/* 定義旋轉(zhuǎn)動(dòng)畫(huà)，該動(dòng)畫(huà)將使元素逆時(shí)針旋轉(zhuǎn)180度 */
animation: rotate 2s linear infinite;
/* 將 transform-origin 屬性設(shè)置為 center，使元素繞其中心點(diǎn)進(jìn)行旋轉(zhuǎn) */
transform-origin: center;
}
/* 定義動(dòng)畫(huà)的關(guān)鍵幀 */
@keyframes rotate {
from {
transform: rotate(0);
}
to {
transform: rotate(-180deg);
}
}

在上面的代碼中，我們?yōu)樵靥砑恿艘粋€(gè)旋轉(zhuǎn)動(dòng)畫(huà)，并將其設(shè)置為無(wú)限循環(huán)，指定了旋轉(zhuǎn)的方向和速度，以及繞中心點(diǎn)進(jìn)行旋轉(zhuǎn)。

通過(guò)使用CSS3動(dòng)畫(huà)定義旋轉(zhuǎn)，可以讓元素動(dòng)態(tài)地改變其方向和位置，從而吸引用戶的注意力，實(shí)現(xiàn)更好的交互效果。