更新时间:2019-10-01编辑:佚名阅读(1047)
说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
animation-timing-function:linear | ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [ , linear | ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) ]*
默认值:ease
适用于:所有元素,包含伪对象:after和:before
继承性:无
linear: | 线性过渡。等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0) |
ease: | 平滑过渡。等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0) |
ease-in: | 由慢到快。等同于贝塞尔曲线(0.42, 0, 1.0, 1.0) |
ease-out: | 由快到慢。等同于贝塞尔曲线(0, 0, 0.58, 1.0) |
ease-in-out: | 由慢到快再到慢。等同于贝塞尔曲线(0.42, 0, 0.58, 1.0) |
cubic-bezier(<number>, <number>, <number>, <number>): | 特定的贝塞尔曲线类型,4个数值需在[0, 1]区间内 |
支持版本\类型 | IE | Firefox | Safari | Chrome | Opera |
---|---|---|---|---|---|
版本 | 6-9 | 4 | 5.1.7 | 13-23 | 11.5-11.6 |
版本 | 10 | 5-18 |
关键字:CSS3animation-timing-function属性
0人
0人
0人
0人