CSS中設(shè)置懸停圖片旋轉(zhuǎn)的方法

在CSS中，我們可以使用transform屬性來設(shè)置懸停圖片旋轉(zhuǎn)，這個屬性允許我們對元素進行2D或3D轉(zhuǎn)換，包括旋轉(zhuǎn)、縮放、移動等，下面是一個簡單的例子，展示如何在懸停時使圖片旋轉(zhuǎn)90度：

img:hover {
    transform: rotate(90deg);
}

在這個例子中，img選擇器指向頁面上的所有圖片元素。:hover偽類則表示鼠標(biāo)懸停在圖片上時應(yīng)用以下樣式。transform: rotate(90deg)則使圖片在懸停時旋轉(zhuǎn)90度。

你可以根據(jù)需要調(diào)整旋轉(zhuǎn)的角度，比如旋轉(zhuǎn)180度、270度等，你也可以將旋轉(zhuǎn)的方向設(shè)置為從左到右或從右到左，只需要在角度前加上負(fù)號即可，如-90deg或-180deg。

你還可以結(jié)合使用CSS的其他屬性來進一步定制懸停圖片的外觀，比如改變圖片的顏色、添加陰影等，這樣可以讓你的網(wǎng)頁更加有趣味性和吸引力。

CSS中的transform屬性為我們提供了強大的懸停圖片旋轉(zhuǎn)功能，可以讓我們輕松地創(chuàng)建出各種炫酷的網(wǎng)頁效果。