真的陷进去了,求解决

img


运行后:

img

如果把animation: move 7s steps(7) forwards; 改成animation: move 7s infinite steps(7);如图:

img


为什么会如下显示:

img


把animation: move 7s steps(7) forwards; 改成animation: move 7s infinite steps(7);
运行到最后一张图片后不会出现白色框框,感觉每一次循环只走了6步,然后就一直循环没有走到第七步(走到第七步的时候会盒子没有图片了为白色)

https://www.zhangxinxu.com/wordpress/2018/06/css3-animation-steps-step-start-end/

设置无限循环好像就位置了1200px,真的陷进去了,看不懂

要什么效果

加了infinite之后确实没有向左偏移1400就完成了单次动画,但实际所有的图片都是有显示的,不明所以