写在前:固定一个div,实现鼠标经过里面的图片放大效果(纯css)
<div class="imgbox">
<img src="1.jpg" alt="">
</div>
.imgbox {
width: 180px;
height: 180px;
overflow: hidden;
}
img {
width: 100%;
transition: all 0.2s;
}
.imgbox img:hover {
transform: scale(1.6);
}
css动画使用记录