CSS是前端開發必備的一項技能，它可以給網頁美化提供很好的支持。其中，圖片放大功能是網頁美化中的重要一環。在CSS中，放大圖片可以用transform屬性，它有多種效果可以選擇，如縮放、旋轉等。

img:hover {
transform: scale(1.2); /* 縮放1.2倍 */
}

以上代碼是將鼠標移動到圖片上時，圖片縮放1.2倍。如果想要實現在點擊圖片后放大的效果，可以通過JavaScript實現：

img.onclick = function() {
this.style.transform = 'scale(2)'; /* 點擊后放大2倍 */
};

以上代碼是實現了點擊圖片后放大2倍的效果。還可以添加過渡效果，使得放大的效果更加平滑：

img {
transition: transform 0.5s ease; /* 添加過渡效果，時長0.5秒，緩動函數使用ease */
}
img:hover {
transform: scale(1.2); /* 添加鼠標懸停效果，放大1.2倍 */
}
img.clicked {
transform: scale(2); /* 添加點擊效果，放大2倍 */
}

以上代碼是實現了具有過渡效果的鼠標懸停、點擊放大功能。還可以通過添加CSS3的transform-origin屬性來改變放大的中心點：

img:hover {
transform: scale(1.2);
transform-origin: 50% 50%; /* 設置放大中心點為圖片中心 */
}

最終，通過添加以上代碼，可以實現非常酷炫的圖片放大效果，讓網頁更加生動有趣。