鼠标放上去图片外框不变大，里面中心放大

如果我们单纯的将图片放大，这样是不行的。因为图片会超出盒子的限制来放大，因此我们需要采取一些措施。

1.给图片或文字添加一个盒子，将他们放在盒子中

2.给盒子添加 overflow: hidden; 属性

代码解析:

设置DIV的 overflow: hidden; 属性，作用是图片变大后超过DIV区域的部分会自动隐藏 

设置 transition: all 2s; 属性和 transform: scale(1.6); 属性，其中 transition: all 2s; 是变化速度，数值越小速度越快，而 transform: scale(1.6); 是变化范围，  scale(1.6) 是放大1.6倍的意思