<a href="">
<img src="img/6.jpg" class="new-pic">
</a>
外层容器设置宽高,超过的部分就隐藏。
a{
width: 250px;
height: 160px;
overflow: hidden;
border: 2px solid #fff;
display: inline-block;
}
鼠标滑过时图片改变,这个使用必须是img是a的孩子,才能滑过a,img变化
a:hover img{
-webkit-transform:scale(1.3);-o-transform:scale(1.3);
}