css:
.container {
width: 200px;
height: 200px;
overflow: hidden;
}
.container > img {
width: 100%;
cursor: pointer;
transition: all 1s linear;
}
.container:hover img {
transform: scale(1.2);
}
html:
<div class="container">
<img src="url" alt="">
</div>
效果就是鼠标放在图片上时,图片在这div中放大,鼠标离开时变回来。