鼠標懸浮時放大圖片是一個常用的效果，可以讓頁面看起來更加生動和有趣。CSS提供了一種簡單的方式來實現這個效果。

首先，我們需要定義一個容器來放置要放大的圖片。我們可以使用一個div元素，并設置它的樣式為position:relative，以便我們可以控制內部元素的位置。例如：

.container {
position: relative;
}

接下來，我們需要在容器內定義一個圖片元素。我們可以使用一個img元素，并設置它的樣式為position:absolute，top:0，left:0，以使它與容器的頂部和左側對齊。例如：

.container img {
position: absolute;
top: 0;
left: 0;
transition: all 0.2s ease-in-out;
}

我們還為圖片設置了一個過渡效果，以使它的放大和縮小更加平滑。我們可以通過鼠標懸停來切換圖片的大小和位置。例如：

.container:hover img {
transform: scale(1.2);
z-index: 999;
}

在鼠標懸浮容器上時，圖片的大小會通過transform:scale(1.2)變為原來的1.2倍，并且z-index:999使圖片覆蓋在其他內容上。這樣我們就可以實現一個簡單的鼠標懸浮放大圖片的效果。

總之，在CSS中設置鼠標懸浮時放大的圖片，可以為頁面增加一些視覺上的吸引力和交互性，提高用戶體驗。