使用CSS可以讓圖片旋轉(zhuǎn)，讓您的網(wǎng)站設(shè)計(jì)變得更加生動(dòng)有趣。通過(guò)下面的例子，您可以學(xué)習(xí)如何使用CSS將您的圖片旋轉(zhuǎn)。

img {
transition: transform 0.5s ease;
}
img:hover {
transform: rotate(360deg);
}

上述代碼中，我們使用了CSS3的transform屬性，并利用了該屬性中的rotate函數(shù)來(lái)實(shí)現(xiàn)圖片旋轉(zhuǎn)效果。我們先為圖片設(shè)置一個(gè)transition屬性，它的作用是平滑轉(zhuǎn)換效果，然后再為圖片的hover狀態(tài)設(shè)置transform屬性。

在transform屬性中，我們使用rotate函數(shù)來(lái)控制圖片的旋轉(zhuǎn)角度。360deg代表角度為360度，也就是一整圈的旋轉(zhuǎn)。

通過(guò)上述代碼，我們已經(jīng)實(shí)現(xiàn)了基本的圖片旋轉(zhuǎn)效果。如果您想讓圖片旋轉(zhuǎn)更加生動(dòng)，可以繼續(xù)改變CSS的屬性值，例如調(diào)整動(dòng)畫(huà)時(shí)間，增加其他特效等。