CSS圖片放大樣式是一種常用的CSS技術，能夠使圖片在鼠標懸停或點擊時自動放大，這樣可以使得頁面顯得更加生動、有趣。下面我們來看一下CSS圖片放大的實現。

img:hover {
transform: scale(1.2);
}

上述代碼實現了當鼠標懸停在圖片上時，將圖片放大1.2倍的效果。其中，transform是CSS3的屬性，用于對元素進行變換，scale()表示縮放操作。當值小于1時表示縮小，當值大于1時表示放大。我們可以通過改變scale()中的值來控制圖片的放大倍數。

除了使用:hover實現鼠標懸停自動放大，我們也可以使用JavaScript來實現鼠標點擊自動放大的效果。示例代碼如下：

<img src="example.jpg" onclick="enlargeImg(this)">
function enlargeImg(img) {
img.style.transform = "scale(1.5)";
}

上述代碼中，我們通過onclick事件觸發了enlargeImg函數。該函數用于將點擊的圖片放大1.5倍。在函數內部，我們使用了style屬性來改變圖片的CSS樣式，同樣使用了transform屬性來操作圖片的縮放效果。

總之，CSS圖片放大樣式可以為我們的網頁增添生動、有趣的效果。我們可以通過:hover和JavaScript來實現不同的樣式效果，從而達到更好的頁面視覺效果。