开启辅助访问
智能 [热门需求]
或 免费发布需求
快捷导航
返回列表 发新帖

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

老***
时代问答 问答社区
图片占用的位置不变，图片内容放大
显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

版权声明：作者保留权利，不代表本站立场。

回复

使用道具 举报

上一主题 下一主题

参与会员2

m7125***
这里提供两种思路，一种，使用tansform:scale()放大图片，但为了图片占用的空间不变所以需要套一层父元素且父元素css属性overflow设为hidden
第二种是用背景图，改变background-size即可实现放大图片且占用空间不变——相对来说这种更好，因为少了一个元素，需要的css也更少
回复

使用道具 举报

davi***
                img:hover{
／*2秒*／
                        transition: 2s;
/*2倍*/
                        transform:scale(2);
                }


回复

使用道具 举报

可能感兴趣的问答

发新帖
TA的信息
  • 会员所属： 注册会员
  • 认证信息： 邮箱认证手机认证

最新任务

更多 >

最新问答

  • 微信访问
  • 手机APP

优

优秀人才 汇聚时代

快

及时响应 快速匹配

专

专注软件 众包服务

保

信息保障 隐私保护
友情链接 : 时代威客网 有招网 自考365 测试网

  • 微信小程序

  • 新浪微博

  • 手机客户端