step 中設(shè)置 end 或 start 會(huì)造成什么差異嗎？
????.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 中設(shè)置成 end 和 設(shè)置成 start 貌似沒有什么區(qū)別，是因?yàn)檠h(huán)播放的關(guān)系嗎？
2016-05-19
我的理解是
end時(shí)?
第一步background-position-x 是0%~-100% 執(zhí)行
第二步background-position-x 是-100%~-200% 執(zhí)行
第三步background-position-x 是-200%~-300% ?不執(zhí)行
start時(shí)
第一步background-position-x 是0%~-100% ?不執(zhí)行
第二步background-position-x 是-100%~-200% 執(zhí)行
第三步background-position-x 是-200%~-300% ?執(zhí)行
動(dòng)畫方向順序不同