step 中設置 end 或 start 會造成什么差異嗎?
????.birdFly?{ ????????-webkit-animation:bird-slow?400ms?steps(3,start)?infinite; ????} ???? ????@-webkit-keyframes?bird-slow{ ????????0%{ ????????????background-position:?0%?0%; ????????} ????????100%{ ????????????background-position:?-300%?0%; ????????} ????}
step 中設置成 end 和 設置成 start 貌似沒有什么區別,是因為循環播放的關系嗎?
2016-05-19
我的理解是
end時?
第一步background-position-x 是0%~-100% 執行
第二步background-position-x 是-100%~-200% 執行
第三步background-position-x 是-200%~-300% ?不執行
start時
第一步background-position-x 是0%~-100% ?不執行
第二步background-position-x 是-100%~-200% 執行
第三步background-position-x 是-200%~-300% ?執行
動畫方向順序不同