语法：transition: property duration timing-function delay;
transition-property 规定设置过渡效果的 CSS 属性的名称。
transition-duration 规定完成过渡效果需要多少秒或毫秒。
transition-timing-function 规定速度效果的速度曲线。
transition-delay 定义过渡效果何时开始。
正常和 .hover伪事件使用，从而达到过渡效果
transition过渡效果
2016-02-26
766
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
语法：transition: property duration timing-function delay;
transition-property 规定设置过渡效果的 CSS 属性的名称。transition-duration 规定完成过渡效果需要多少秒或毫秒。
目录
相关文章
|
前端开发
|
容器
JavaScript
Web App开发
如何不用 transition 和 animation 也能做网页动画
效果预览
在线演示
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。
https://codepen.io/comehope/pen/BxbQJj
可交互视频教程
此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。
1143
0
0
|
9月前
|
前端开发
JavaScript
UED
|
前端开发
JavaScript
API
|
5月前
|
前端开发
d3_transition
效果1
代码1
duration默认是500, delay(), 这里延迟1秒开始transition.
效果2
代码2
效果3
代码3
效果4
图免了, 自己试试就知道了.
代码4
925
0
0
|
前端开发
|
JavaScript
前端开发
热门文章
最新文章
1
讨论阶段性给予客户交付物所引发的风险问题
2
finally关键字小复习
3
静态变量和成员变量的区别 && 成员变量和局部变量的区别
4
我的博客即将入驻“云栖社区”，诚邀技术同仁一同入驻。
5
js获取 日期 星期 时间
6
Javascript事件集
7
Ruby中求50之内的素数方法
8
Unity应用架构设计(3)——构建View和ViewModel的生命周期
9
北大资源重磅来宜--宜昌未来商业中心将诞生
10
【android基础】Android中四大组件
1
Step-Video-T2V：碾压Sora？国产开源巨兽Step-Video-T2V杀到：300亿参数一键生成204帧视频
62
2
Unsloth：学生党福音！开源神器让大模型训练提速10倍：单GPU跑Llama3，5小时变30分钟
89
3
X-R1：3090也能训7B模型！开源框架X-R1把训练成本打下来了：10美元训出企业级LLM
39
4
Cline：29.7K Star！一文详解VSCode最强开源AI编程搭子：一键生成代码+自动跑终端+操控浏览器...
63
5
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
14
6
新一代 Cron-Job 分布式任务调度平台 正式发布！
35
7
菜鸟之路Day15一一IO流（一）
19
8
《通义灵码2.0体验感受》
32
9
分库分表—2.详细介绍一
15
10
Dataphin离线数据开发规范
24