5.4 CSS3 transition动画

2021-06-03 12:01

阅读：928

标签：ext 属性网站 targe http tps color The over

1、transition-property 设置过渡的属性，比如：width height background-color
2、transition-duration 设置过渡的时间，比如：1s 500ms
3、transition-timing-function 设置过渡的运动方式

linear 匀速
ease 开始和结束慢速
ease-in 开始是慢速
ease-out 结束时慢速
ease-in-out 开始和结束时慢速
cubic-bezier(n,n,n,n)
- 比如：cubic-bezier(0.845, -0.375, 0.215, 1.335)
- 曲线设置网站：https://matthewlein.com/ceaser/

4、transition-delay 设置动画的延迟
5、transition: property duration timing-function delay 同时设置四个属性


......

5.4 CSS3 transition动画

标签：ext 属性网站 targe http tps color The over

原文地址：https://www.cnblogs.com/LiuYanYGZ/p/12350564.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：5.4 CSS3 transition动画
文章链接：http://soscw.com/index.php/essay/90031.html

亲，登录后才可以留言！