CSS是網(wǎng)頁設(shè)計中非常重要的一部分，尤其是鼠標(biāo)經(jīng)過效果。其中之一就是鼠標(biāo)經(jīng)過變換圖片。

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

上面的代碼是一種簡單的旋轉(zhuǎn)效果，當(dāng)鼠標(biāo)經(jīng)過圖片時，它將以360度，即一整圈的方式旋轉(zhuǎn)。我們也可以使用其他樣式或?qū)傩詠韺?shí)現(xiàn)不同的變換效果，比如對圖片進(jìn)行縮放或平移。

但圖片經(jīng)過變換的效果不只是靜態(tài)的，我們也可以使用CSS動畫，使其更具有視覺吸引力。

img:hover {
animation: spin 2s linear;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}

上面的代碼是一個使用CSS動畫實(shí)現(xiàn)圖片旋轉(zhuǎn)的例子。當(dāng)鼠標(biāo)經(jīng)過圖片時，圖片將沿著一個線性路徑旋轉(zhuǎn)2秒鐘。

總之，使用CSS鼠標(biāo)經(jīng)過變換圖片是一種簡單而有效的方式，可以讓你的網(wǎng)頁更加生動和有趣。