CSS3中的旋轉(zhuǎn)效果非常實(shí)用，其中一個(gè)應(yīng)用是鼠標(biāo)指向旋轉(zhuǎn)。通過(guò)CSS3中的:hover偽類選擇器，可以實(shí)現(xiàn)鼠標(biāo)懸停在元素上時(shí)觸發(fā)的樣式效果。

.rotate:hover {
transform: rotate(360deg);
}

上面的樣式代碼中，.rotate是需要添加旋轉(zhuǎn)效果的元素的選擇器，:hover偽類選擇器表示元素在鼠標(biāo)懸停時(shí)觸發(fā)樣式效果。transform屬性用來(lái)設(shè)置元素的變換效果，rotate表示元素順時(shí)針旋轉(zhuǎn)一定角度。

在實(shí)際應(yīng)用中，旋轉(zhuǎn)效果不僅可以應(yīng)用于單個(gè)元素，也可以應(yīng)用于整個(gè)頁(yè)面。比如，我們可以通過(guò)下面的代碼實(shí)現(xiàn)鼠標(biāo)指向頁(yè)面時(shí)頁(yè)面旋轉(zhuǎn)的效果：

body:hover {
transform: rotate(180deg);
}

上面的代碼中，body:hover表示鼠標(biāo)懸停在頁(yè)面中任意位置時(shí)觸發(fā)樣式效果，transform: rotate(180deg)表示頁(yè)面順時(shí)針旋轉(zhuǎn)180度。

除了旋轉(zhuǎn)效果外，CSS3還提供了許多其他的變換效果，包括平移、縮放等，可以大大豐富網(wǎng)頁(yè)的設(shè)計(jì)和動(dòng)態(tài)效果。