在網頁設計中，圖片是不可或缺的元素，而圖片自動變大效果是一個很常見的需求。下面我們就來介紹一下如何使用CSS實現圖片自動變大的效果。

/* CSS代碼 */
img:hover {
transform: scale(1.2);
}

在上面的CSS代碼中，我們使用了:hover偽類，表示當鼠標懸停在圖片上時，執行樣式效果。transform屬性則是用來改變元素的形狀、大小、位置、方向等等。scale()函數可以改變元素的縮放比例，參數為數字，表示放大的倍數。例如，scale(1.2)表示將元素放大1.2倍。

在實際應用中，我們可以給網頁中的圖片添加這一效果，增強用戶交互性和視覺效果。同時，我們也可以根據實際需求，調整圖片的大小、縮放倍數等相關參數。