用hover元素，scale中心点放大效果

在做页面练习时，需要把图片从中心点放大，一开始是设置img的宽、高，hover以后再设置一个大于原img的宽、高，

这样做虽然效果也出来了，只是不是中心点放大，是从左上角放大，达不到想要的效果。

在百度上找了一下都没有适合的方法，问了老师，他的方法是在hover里使用vertical-align: middle;

还是没有什么用，

在试了几次后，我把vertical-align: middle;加到开始时img{}的样式里，在img：hover{}的样式里加上transform:scale(1.2);

就可以实现效果了。