鼠标放在图片上放大效果 CSS控制鼠标hover上的图片放大

有时候我们会需要鼠标放在图片上有放大的效果，这需要通过CSS3来实现，目前对于新的浏览器而言，基本都可以支持CSS3。具体代码如下：

.div img{
  cursor: pointer;
  transition: all 0.3s;
}
.div img:hover{
  transform: scale(1.2);
}

备注：如果想图片放大后完全显示，而不是只显示DIV里的区域，那么我们只需把div的 overflow 属性去掉即可，不能设为 auto。

共有0条评论

昵称/用户名:

验证码:

密码: 匿名