CSS中添加圖片從中心放大是一個非常吸引眼球的設計效果。這種效果適用于網站的橫幅，標志或其他需要突出顯示的元素。

為了實現這個效果，我們需要使用CSS中的transform屬性。通過把transform-origin屬性指定為50％和50％，我們可以確保圖片從其中心開始變大。

.img {
width: 100px;
height: 100px;
transition: transform 0.2s ease-in-out;
transform-origin: 50% 50%;
}
.img:hover {
transform: scale(1.2);
}

在上面的代碼中，.img是我們想要放大的圖片的類名。我們為它設置了初始的寬度和高度，并使用transition屬性指定了在鼠標懸停時應用的過渡效果。在:hover偽類下，我們使用transform: scale()將圖像放大了20％。

這種方法非常簡單，但結果非常有效。通過使用CSS transform屬性，您可以在不使用任何JavaScript的情況下輕松地為您的網站添加動畫效果。