CSS3提供了很多很棒的特性，其中之一就是從中心點放大圖片。通過使用CSS3 Transform屬性的scale方法，我們可以輕松地實現這個功能。

.img {
position: relative;   /* 確保圖片父元素可以作為參考坐標系 */
transition: transform .5s ease-in-out;   /* 添加過渡效果 */
}
.img:hover {
transform: scale(1.5);  /* 鼠標移到圖片上時放大1.5倍 */
z-index: 999;   /* 將圖片置于最上層 */
}

在上面的例子中，我們首先將圖片的父元素設置為相對定位，以確保圖片可以相對于該元素進行放大操作。

同時，我們添加了一個CSS過渡效果，以確保放大的過程更加平滑自然。在鼠標懸停在圖片上時，我們使用:hover選擇器，將其縮放1.5倍，并將其z-index設置為999，以確保圖片能夠覆蓋其他元素。

通過使用CSS3的Transform屬性，從中心點放大圖片已經變得非常簡單。您只需要幾行代碼就可以輕松完成這個功能！