CSS3過(guò)渡和動(dòng)畫可以讓網(wǎng)頁(yè)的效果更加生動(dòng)，吸引用戶的眼球。其中，旋轉(zhuǎn)也是一種常用的動(dòng)畫效果。

.box {
width: 100px;
height: 100px;
background-color: #f00;
transition: transform 1s;
}
.box:hover {
transform: rotate(360deg);
}

上面的代碼實(shí)現(xiàn)了當(dāng)鼠標(biāo)懸停在盒子上時(shí)，盒子會(huì)沿著中心點(diǎn)旋轉(zhuǎn)360度。其中，transition屬性指定了變化的時(shí)長(zhǎng)，transform屬性指定了旋轉(zhuǎn)的角度。

如果想要使盒子在一定時(shí)間內(nèi)不停地旋轉(zhuǎn)，可以使用以下代碼：

.box {
width: 100px;
height: 100px;
background-color: #f00;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}

上面的代碼中，animation屬性指定了動(dòng)畫名稱、時(shí)長(zhǎng)、過(guò)渡方式和循環(huán)次數(shù)。而@keyframes關(guān)鍵字則定義了動(dòng)畫的具體內(nèi)容，這里是從0%到100%的旋轉(zhuǎn)動(dòng)畫。

總之，旋轉(zhuǎn)動(dòng)畫是一種簡(jiǎn)單而又實(shí)用的CSS3動(dòng)畫效果。可以使用過(guò)渡和關(guān)鍵幀兩種方式實(shí)現(xiàn)。希望大家能夠嘗試一下，為網(wǎng)頁(yè)增添生動(dòng)的氣息。