animation-timing-function 之 step

来源:互联网 发布:java电子书阅读器 编辑:程序博客网 时间:2024/05/22 15:47

animation动画由@keyframe定义,而keyframe是由一个个的关键帧组成的。

animation-timing-function 作用于每两个关键帧之间的过渡效果,不是整个动画。

linear等属性值会在每个关键帧之间插入补间动画,所以动画是连续的。

step不会插入补间动画,所以关键帧的变化是跳跃的。

语法:step(n, mark)

参数n(>0)表示把两个关键帧之间分为n小段,参数mark取值start或end,表示是在小段开始改变还是在结尾改变。

step(1,start)可以写成step-start ;

step(1,end)可以写成step-end 。


step工作机制:





0 0
原创粉丝点击