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的情况下轻松地为您的网站添加动画效果。