CSS懸停時放大圖片，也被稱作是圖片縮放效果。這種效果可以讓網頁中的圖片在鼠標懸停時自動放大，增加用戶的視覺體驗。下面是如何使用 CSS 實現懸停放大圖片的方法：

.img-container {
overflow: hidden;
position: relative;
width: 300px;
height: 200px;
}
.img-container img {
max-width: 100%;
transition: transform 0.2s ease-in-out;
}
.img-container:hover img {
transform: scale(1.2);
z-index: 1;
}

以上代碼中，我們先創建一個容器，使用 overflow 屬性來隱藏圖片的溢出部分，防止圖片出現滾動條。然后設置圖片的最大寬度為100%，保證了圖片的完整性。接著使用過渡效果 transition 和鼠標懸停:hover 來針對圖片的放大效果。當鼠標懸停在圖片上時，CSS 會使用 transform: scale() 屬性來進行放大操作，并同時把圖片的 z-index 層數提高，使放大的效果處于容器上層，以達到放大的可見性。

好了，現在你有了一個具有放大縮放效果的圖片了，是不是感覺更加妙不可言呢？趕快把它加入你的頁面中，提升你的用戶體驗吧！