<!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
84
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
css3鼠标悬浮放大效果
目录
相关文章
|
21天前
|
2月前
|
前端开发
|
2月前
|
前端开发
Ubuntu
Linux
|
4月前
|
前端开发
|
4月前
|
前端开发
UED
|
4月前
|
前端开发
|
4月前
|
前端开发
|
4月前
|
前端开发
|
6月前
|
前端开发
搜索推荐
UED
|
5月前
|
前端开发
热门文章
最新文章
1
CSS3中的选择器
2
脑洞大开：如何使用CSS实现自定义圆角虚线框
3
CSS伪元素实现的3D按钮
4
webpack window 使用sass来编译css样式
5
CSS3的新属性的一下总结
6
css属性列表 和 属性值含义
7
CSS 魔法系列：纯 CSS 绘制各种图形《系列六》
8
符合WEB标准的下拉导航菜单（CSS菜单）演示
9
IE6, IE7, IE8 CSS 兼容速查表
10
一款非常棒的纯CSS3 3D菜单演示及制作教程
1
深入理解css中的link 和 @import
111
2
CSS Flex布局实战案例：构建响应式卡片组件
129
3
学习css的clip-path属性
99
4
什么是CSS Sprite
51
5
使用CSS中的cursor属性值，常用的可设置参数，以及其他16中参数值的使用场景和示例代码
86
6
技术心得：xpath、CSS定位方法
57
7
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
196
8
CSS【详解】对齐 （含文本垂直对齐，文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐，图片和文本对齐等）
128
9
CSS【详解】布局 display （ 含 flex 布局，grid 布局，table 布局，float 布局，响应式布局 等）
152
10
CSS【详解】定位 position （静态定位 static -- 文档流排布 、相对定位 relative、绝对定位 absolute、固定定位 fixed、黏性定位 sticky）
105