steps(n,start/end)
第一個參數(shù) number 為指定的間隔數(shù)嗅战，即把動畫分為n步階段性展示
第二個參數(shù)默認是end咽笼，設置最后一步的狀態(tài)
start 第一幀是第一步動畫結束
end 第一幀是第一步動畫開始
steps 函數(shù)指定了一個階躍函數(shù)
第一個參數(shù)指定了時間函數(shù)中的間隔數(shù)量（必須是正整數(shù)）骤公；
第二個參數(shù)可選十偶，接受 start 和 end 兩個值，指定在每個間隔的起點或是終點發(fā)生階躍變化腻菇，默認為 end胳螟。
easa linear cubic-bezier之類的過渡函數(shù)都會為其插入補間。但有些效果不需要補間筹吐，只需要關聯(lián)關鍵幀之間的跳躍糖耸，這時應使用steps過渡方式
steps(1,start) 動畫分成1步，動畫執(zhí)行時為開始左側(cè)端點的部分開始丘薛。
steps(1,end) 動畫分成1步嘉竟，動畫執(zhí)行時以結尾端點為開始，默認值end
steps的設置都是針對兩個關鍵幀之間的洋侨，而非是整個keyframes
step-start在變化過程中舍扰，都是以下一幀的顯示效果來填充間隔動畫，所以0% 到 50% 直接就顯示了黃色yellow
step-end與上面相反希坚，都是以上一幀的顯示效果來填充間隔動畫边苹，所以0% 到 50% 直接就顯示了紅色red
