<!doctype html> <html> <head> <meta charset="utf-8"> <title>css3鼠标悬浮放大效果</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> .imgBox { width: 365px; height: 223px; overflow:hidden; } .imgBox img { 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="http://dev.ixincheng.com/xcview/images/xianxia_03.jpg" alt=""> </div> 记得考虑兼容性 </body> </html>
css3鼠标悬浮放大效果
2023-09-15
48
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
css3鼠标悬浮放大效果
目录
相关文章
|
7月前
|
前端开发
|
15天前
|
前端开发
|
1月前
|
4月前
|
前端开发
|
4月前
|
XML
前端开发
小程序
|
5月前
|
前端开发
|
5月前
|
前端开发
|
5月前
|
前端开发
|
5月前
|
5月前
CSS3 背景图片显示尺寸(放大/缩小背景图)(background-size) (背景适配 自适应)
CSS3 背景图片显示尺寸(放大/缩小背景图)(background-size) (背景适配 自适应)
29
0
0
热门文章
最新文章
1
《手把手教你》系列技巧篇（十八）-java+ selenium自动化测试-元素定位大法之By css中卷（详细教程）
2
【CSS进阶】使用CSS gradient制作绚丽渐变纹理背景效果（下）
3
《手把手教你》系列技巧篇（十七）-java+ selenium自动化测试-元素定位大法之By css上卷（详细教程）
4
前端代码整洁与规范之CSS篇
5
《手把手教你》系列技巧篇（十九）-java+ selenium自动化测试-元素定位大法之By css下卷（详细教程）
6
Tailwind CSS如何在vue项目中使用
7
【前端设计】HTML+CSS+JavaScript基本特性
8
【掰开揉碎】详解 CSS3 Grid 布局
9
解密CSS单位：px、em、vh的区别与应用
10
CSS 中BFC是什么？