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

/ 0评 / 0

效果图演示

请把鼠标移到图像上

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

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注