在Web開發中，經常需要用到圖片。當圖片過大時，我們通常會將其縮小以適應頁面大小。但如果想在鼠標懸浮時放大圖片，該怎么實現呢？這時候就可以運用CSS超出隱藏屬性。

.img-container {
width: 200px;
height: 200px;
overflow: hidden;
position: relative;
}
.img-container:hover .enlarge-img {
transform: scale(2);
z-index: 999;
}
.enlarge-img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
}

以上代碼中，我們首先創建一個類名為img-container的div容器，用于包裹實際圖片。設置該容器大小為200px*200px，設定超出內容隱藏。并將容器的位置設為相對定位，使其成為圖片容器的參考系。

接著，我們在img-container中創建一個類名為enlarge-img的子元素，用于實際展示圖片，并將其位置設為絕對定位。同時，為了使其居中顯示，我們使用transform將其位置向上向左移動50%。

最后，我們在CSS的:hover偽類下，給img-container中包裹的enlarge-img設置一個放大的transform屬性，當鼠標懸浮在img-container上，即可實現圖片放大效果。

以上就是利用CSS超出隱藏屬性實現放大圖片的方法。使用它，我們可以更加互動地展示圖片，吸引用戶更多的注意力。