CSS3提供了一種新的方式來實現在鼠標滑過圖片時的交互效果：鼠標懸停在圖片上時，圖片的特定部分會發生變化，從而增強了頁面的用戶體驗。實現鼠標滑過圖片的方法非常簡單，只需要使用CSS3的:hover選擇器和transform屬性就可以了。下面是一段示例代碼：

img {
width: 200px;
height: 200px;
transition: transform 0.5s;
}
img:hover {
transform: scale(1.2);
}

這段代碼中，首先設置了默認的圖片大小為200px×200px，同時添加了一個transition屬性，它控制了圖片的縮放效果，讓過渡動畫持續0.5秒。接著，使用:hover選擇器，當鼠標懸停在圖片上時，使用transform屬性對圖片進行縮放操作。其中，scale(1.2)表示將圖片放大到原來的1.2倍。

除了縮放效果之外，還可以使用其他的transform屬性，如旋轉、位移等，來創建不同的鼠標滑過圖片的交互效果。例如，以下示例代碼實現了鼠標滑過圖片時，圖片會進行360度的旋轉：

img {
width: 200px;
height: 200px;
transition: transform 0.5s;
}
img:hover {
transform: rotate(360deg);
}

通過以上的示例代碼，我們可以看到CSS3可以實現非常簡單的鼠標滑過圖片的交互效果。如果你想要為你的網站添加一些炫酷的動畫效果，不妨嘗試使用CSS3的transform屬性吧！