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