图片动态缩放

原效果：

鼠标放上去之后的效果（左图放大了2倍）：

注意：可以看出父盒子大小并没有变，但图片的大小变大了

图片单纯放大（父盒子大小改变了）：

如何才能做到第一种效果呢？

核心语法：

overflow：hidden

scale缩放：

所以可以先使用scale将图片缩放，然后再利用overflow：hidden将父盒子溢出部分隐藏