下面是css3实现鼠标放上去图片外框不变大，里面中心放大的方法。
<div class="img-box">
<img src="img/index_11.png" class="img">
</div>
css代码：
.img-box{ width: 390px;
height: 296px;
overflow: hidden; //这个一定要加上，不然就不是外框不变里面变大了
}
.img{
display: block;
width: 100%;
height: 100%;
transition: all 1s;
}
.img:hover{ transform: scale(1.4); //放大倍数随意
}
最新文章
热门文章
猜你喜欢
