运行后: 如果把animation: move 7s steps(7) forwards; 改成animation: move 7s infinite steps(7);如图: 为什么会如下显示: 把animation: move 7s steps(7) forwards; 改成animation: move 7s infinite steps(7);
运行到最后一张图片后不会出现白色框框,感觉每一次循环只走了6步,然后就一直循环没有走到第七步(走到第七步的时候会盒子没有图片了为白色)
好问题提建议
追加酬金
分享
邀请回答
运行后: 如果把animation: move 7s steps(7) forwards; 改成animation: move 7s infinite steps(7);如图: 为什么会如下显示: 把animation: move 7s steps(7) forwards; 改成animation: move 7s infinite steps(7);
运行到最后一张图片后不会出现白色框框,感觉每一次循环只走了6步,然后就一直循环没有走到第七步(走到第七步的时候会盒子没有图片了为白色)
设置无限循环好像就位移了1200px
没图
steps()
第二个参数默认是end
,就是会跳过最后一帧,但在设置了forwards
时,动画仍然会停留在最后一帧,1200px的盒子,-1200px过去是不是空白的?只有设置-1000px才停留到最后一个盒子;
但设置infinite
时,steps()
的end
是起作用的,也就是会跳过-1200px这一帧;
大概就这么个意思。