animation-timing-function 之 step

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





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章