关注前端 | 前端博客
当前位置: CSS3 > C3-过渡transition属性

C3-过渡transition属性

2018-07-08 分类:CSS3 作者:管理员 阅读(32)

transition是css3新增属性,可不用JavaScript、jQuery、flash等实现一些动画

transition:简写属性,一共4个值:
transition-property:css属性名,width、height…;
transition-duration:过渡需要花费的时间,默认为0;

transition-timing-function:运动曲线共6个值:
linear(匀速)
ease(慢速开始,然后加快,慢速结束)
ease-in(慢速开始)
ease-out(慢速结束)
ease-in-out(慢速开始,慢速结束)
cubic-bezier(cubic-bezier函数中自定义值)默认为ease

transition-delay:定义何时执行过渡,默认为0,无延时。

推荐一个cubic-bezier可视化网站:http://cubic-bezier.com

「两年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(0) 打赏

感谢您让我添加个鸡腿!

支付宝
微信
0

感谢您让我添加个鸡腿!

支付宝
微信
标签:

上一篇:

下一篇:

共有 0 条评论 - C3-过渡transition属性

博客简介

一位不知名的前端工程师,专注全栈技术,分享各种所遇问题与个人心得,梦想成为一位知名大神!

最近更新

精彩评论

服务热线:
 177****6038

 QQ在线交流

 旺旺在线