網(wǎng)頁中常常需要展示圖片，而有些時候圖片的大小又過小，需要進行放大。這時候我們可以使用CSS來實現(xiàn)圖片自動放大的效果。

實現(xiàn)圖片自動放大，我們需要使用CSS3的transform屬性并結(jié)合hover事件來完成。在CSS中，我們可以為圖片添加一個類，例如“enlarge”，并為其添加以下代碼：

.enlarge{
transition: transform 0.5s ease;
}
.enlarge:hover{
transform: scale(1.2);
}

代碼解析：

• transition屬性：定義過渡效果
• transform屬性：定義一個三維轉(zhuǎn)換
• scale屬性：指定元素的縮放比例
• ease屬性：定義過渡效果的速度曲線

上述代碼的意思是：當鼠標懸停在類名為“enlarge”的元素上時，縮放比例從1變?yōu)?.2，使用了transition屬性來實現(xiàn)緩慢過渡。

在HTML中，我們只需要為需要進行自動放大的圖片添加上“enlarge”類即可：

<img src="example.jpg" class="enlarge" alt="樣例圖片">

通過CSS的transform屬性以及hover事件，我們可以輕松實現(xiàn)圖片自動放大的效果，讓網(wǎng)站更為美觀。