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工作机制: