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
「两年博客，如果觉得我的文章对您有用，请帮助本站成长」
感谢您让我添加个鸡腿！
支付宝
微信
上一篇：C3-animation
下一篇：C3-box-reflect属性
干洗博主分享了
评：算法相关加油，学习！ 😉
评：九宫格抽奖案列很有用的分享，感谢
评：微信公众号开发总结过来踩踩 ➡
评：博客介绍学习 :redface:
评：常用方法总结朋友 交换链接吗
评：promise用例场景收集
共有 0 条评论 - C3-过渡transition属性