css3 图片中心缩放 |css3动画缓慢停止

首先，在CSS中设置图片的样式：

img{
max-width: 100%;
height: auto;
}

这样可以使得图片自适应容器大小。

接着，使用CSS3中的transform属性进行缩放：

img{
transform: scale(1);
transition: all 0.5s ease-in-out;
}
img:hover{
transform: scale(1.2);
}

使用scale函数来实现图片的缩放。设置初始值为1，当鼠标悬浮在图片上时，将图片的缩放比例调整为1.2，使用过渡效果all和缓动函数ease-in-out可以让变化更加平滑。

最后，为了让图片居中，可以使用CSS中的text-align和vertical-align属性，在父容器中设置：

.container{
text-align: center;
vertical-align: middle;
}

这样就可以让图片在容器中水平、竖直居中，实现完美的中心缩放效果。