为了账号安全,请及时绑定邮箱和手机立即绑定

怎么用css实现鼠标经过时图片放大

怎么用css实现鼠标经过时图片放大

儀戰神话 2017-09-01 22:18:35
图片占用的位置不变,图片内容放大
查看完整描述

2 回答

?
橋本奈奈未

TA贡献436条经验 获得超108个赞

这里提供两种思路,一种,使用tansform:scale()放大图片,但为了图片占用的空间不变所以需要套一层父元素且父元素css属性overflow设为hidden

第二种是用背景图,改变background-size即可实现放大图片且占用空间不变——相对来说这种更好,因为少了一个元素,需要的css也更少


查看完整回答
1 反对 回复 2017-09-01
?
fdsgasgg

TA贡献19条经验 获得超12个赞

img:hover{

/*2秒*/

transition: 2s;

/*2倍*/

transform:scale(2);

}


查看完整回答
1 反对 回复 2017-09-01
  • 儀戰神话
    儀戰神话
    你说的是图片放大,我是想要图片占用的位置不变,图片内容放大些,亲,你理解错了
  • 2 回答
  • 0 关注
  • 2470 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信