trainsition : <property> <duration> <timing-function> <delay>
property: 只有指定的属性才会发生过渡,all表示所有属性
duration: 指定过渡的时长 0.5s 1s .....
timing-function: 指定函数,定义属性值的变化 ease | linear | step-end | steps(num, end) | ease-out | ease-in-out
delay: 指定延迟,即属性开始变化时与过渡开始发生时之间的时长 0s 0.5s 1s .....
兼容性:
Edge/Chrome/Safari:-webkit-transition
FireFox:-moz-transition
Opera:-o-transition
http://www.cnblogs.com/xiaohuochai/p/5347930.html#anchor1
transition
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 深入理解CSS过渡属性transition CSS中过渡属性transition,可以在不需要JS的情况下实现简单...
- 转自:https://www.jianshu.com/p/56f8ddafc63f上一篇介绍了CSS3里trans...
- 属性何其多,精通一个受益终身(在不被新时代废除的情况下)。今儿我们就来探讨一下css3的transition这个变...