原理：CSS3 自带变形动画属性
实现方式及案例讲解：
transition 过渡效果
transform 变形
scale 改变比例
相关属性：0.6秒放大至1.1倍
具体代码：
.img {
transition: all 0.6s;}
.img:hover {
transform: scale(1.1);}
范例：http://www.9-2.top/example/css/transition-transform-scale.asp
【前端】2行CSS代码实现云栖博客列表上的鼠标悬停图片逐渐放大效果
2017-11-07
1680
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
原理：CSS3 自带变形动画属性
实现方式及案例讲解：
transition 过渡效果
transform 变形
scale 改变比例
目录
相关文章
|
24天前
|
前端开发
|
24天前
|
前端开发
|
24天前
|
前端开发
JavaScript
|
24天前
|
XML
前端开发
JavaScript
|
24天前
|
前端开发
容器
|
2月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
78
1
2
|
3月前
|
前端开发
开发者
UED
《前端技术基础》第02章 CSS基础【合集】
层叠样式表（Cascading Style Sheets，简称CSS）是一种用于描述网页视觉表现的语言。该语言与HTML协同工作，其中HTML负责构建网页的结构，而CSS则负责定义网页的外观和格式。CSS通过一系列规则来实现样式的应用，这些规则由选择器（Selectors）和声明块（Declaration Blocks）构成。选择器的作用是明确指出哪些HTML元素将受到特定样式规则的影响，而声明块则包含了具体的样式声明，这些声明定义了元素的视觉属性和相应的值。
93
1
1
|
前端开发
|
Web App开发
移动开发
前端开发
HTML5实践 -- 如何使用css3丰富我们的图片样式
转载请注明原创地址：http://www.cnblogs.com/softlover/archive/2012/11/22/2779876.html
在css3中，直接在图片上使用box-shadow 和 border-radius，浏览器并不能很好的渲染。
873
0
0
|
Web App开发
移动开发
前端开发
HTML5实践 -- 如何使用css3丰富我们的图片样式 - part2
转载请注明原创地址：http://www.cnblogs.com/softlover/archive/2012/11/23/2780892.html
之前的教程《HTML5实践 -- css3图片样式》，我介绍了如何为图片添加background-image包装，借助box-shadow 和 border-radius为图片设置多种多样的样式，有兴趣的朋友可以回头阅读。
988
0
0
热门文章
最新文章
1
css改变鼠标样式
2
DeepSite：基于DeepSeek的开源AI前端开发神器，一键生成游戏/网页代码
3
面向六个月后的 AI Code，也许影响的不只是前端
4
调用DeepSeek API增强版纯前端实现方案，支持文件上传和内容解析功能
5
智慧班牌源码，采用Java + Spring Boot后端框架，搭配Vue2前端技术，支持SaaS云部署
6
Vue与React两大前端框架的主要差异点
7
harmonyOS基础- 快速弄懂HarmonyOS ArkTs基础组件、布局容器（前端视角篇）
8
陪练,代练,护航,代打小程序源码/前端UNIAPP-VUE2.0开发 后端Thinkphp6管理/具备家政服务的综合型平台
9
前端基础的讲解-CSS(1)
10
前端基础的讲解-JS(7)