图片在鼠标滑过的时候就放大，鼠标移开就恢复

<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);

}