鼠标移到图片上图片放大效果

效果图演示

请把鼠标移到图像上

HTML代码

<div id="div1">
  <img src="demo.jpg" />
</div>

CSS样式代码

#div1{
  width: 320px;
  height: 200px;
  border: #000 solid 1px;
  margin: 10px auto;
  overflow: hidden;
}
#div1 img{
  cursor: pointer;
  transition: all 0.6s;
}
#div1 img:hover{
  transform: scale(1.4);
}