CSS 是前端開發中不可或缺的一部分，除了可以設置頁面的樣式，還可以讓頁面增添一些美觀的效果。其中一個常見的效果就是點擊圖片放大，本文將介紹如何使用 CSS 實現這一效果。

/* CSS 代碼 */
/* 創建一個class, 用于放大圖片 */
.img-zoom {
/* 開啟縮放效果 */
transition: all 0.5s ease;
/* 默認圖片縮放大小 */
transform: scale(1);
}
/* 鼠標懸浮的時候，將圖片放大 */
.img-zoom:hover {
/* 圖片縮放大小 */
transform: scale(1.2);
}

如上所示，首先創建一個 class 用于實現圖片縮放效果。然后在鼠標懸浮在圖片上時，將圖片放大。這里使用transform: scale()屬性來實現圖片的縮放。

接下來，將這個 class 應用到圖片上：

如上所示，在img標簽上添加 class，并設置圖片的alt屬性。其中圖片的路徑和屬性值可以根據實際需要進行修改。

現在，當鼠標懸浮在圖片上時，圖片將會放大。使用 CSS 實現這一效果，不僅能夠讓頁面增添動態和美觀的效果，還能夠提高用戶體驗，讓用戶更加方便地查看圖片細節。