<!doctype html> <html> <head> <meta charset="utf-8"> <title>css3鼠标悬浮放大效果</title> <style> .imgBox { width: 365px; height: 223px; overflow: hidden; } .imgBox img { width: 100%; height: 100%; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; } .imgBox img:hover { transform: scale(1.2); } </style> </head> <body> <div class="imgBox"> <img src="https://profile.csdnimg.cn/5/6/2/3_qq_38881495" alt="" /> </div> </body> </html>
css3鼠标悬浮放大效果
2023-09-15
59
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
css3鼠标悬浮放大效果
目录
相关文章
|
9月前
|
前端开发
|
2天前
|
前端开发
CSS常用属性之（列表、表格、鼠标）属性，（如果想知道CSS的列表、表格、鼠标相关的属性知识点，那么只看这一篇就足够了！）
CSS常用属性之（列表、表格、鼠标）属性，（如果想知道CSS的列表、表格、鼠标相关的属性知识点，那么只看这一篇就足够了！）
14
7
7
|
1月前
|
前端开发
JavaScript
|
1月前
|
1月前
|
前端开发
|
1月前
|
前端开发
|
6月前
|
XML
前端开发
小程序
|
7月前
|
前端开发
|
7月前
|
前端开发
|
7月前
|
前端开发