您的位置: 首页 > -webkit-animation-timing-function

-webkit-animation-timing-function 属性

检索或设置对象动画的时间函数。默认值为ease。

? 4.0+ ? 2.0+

?: 表示版本号未知，但该属性可用。

语法

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(x1, y1, x2, y2)	自定义时间函数，x1、x2必须在[0, 1]区间内，y1、y2可超过此范围。Chr16+、Saf Nightly、Android ?。
steps(, )	阶跃时间函数，第一个参数设定时间函数中的间隔次数，必须是正整数；第二个可选，设定动画在间隔的开始还是结束发生阶跃变化，接受start或end关键字，默认为end。Chr8+、Saf5.1+、Android 4.0+、iOS 5.0+。
step-start	相当于steps(1, start)。
step-end	相当于steps(1, end)。

演示