Html Css设置无限动画线条的动画

不确定这是否可以用css实现，否则我将寻找一种用js实现的方法。 我想创造一个无限平滑的动画，不断重复自己

这条虚线箭头线应该是不断流动的，没有尽头

[ICON] --->--->----> [ICON]

在这里，我对css并没有太多的了解

.arrows{
位置：绝对位置；
动画：无限；
动画迭代次数：无限；
}
@关键帧箭头{
0% {
左：0px；
}
50% {
左：5px；
}
80% {
左：15px；
}
100% {
左：0px；
}
}

-->-->

应答器

是否足够，或者您是否希望无中断的整个环路效果？如果是这样的话，我认为没有javascript你是做不到的

如果选取框是足够的，这里是一个例子

->->->

.arrows{
位置：绝对位置；
动画：箭头1s无限；
动画迭代次数：无限；
-webkit动画：arrows 1s；/*Chrome、Safari、Opera*/
-webkit动画迭代计数：无限；/*Chrome、Safari、Opera*/
}
@关键帧箭头{
0% {
左：10%；
}
100% {
左：80%；
}
}

---

-->-->

不太好，但可能对您有用：

.arrows容器
{
位置：相对位置；
溢出：隐藏；
宽度：8ex；
背景色：#ddd；
高度：1米；
}
.箭头{
位置：绝对位置；
动画：箭头2无限线性；
宽度：20ex；
左：-7ex；
}
@关键帧箭头{
0%{左：-7ex；}
50%{左：-4ex；}
100%{左：-1ex；}
}

-->-->-->-->-->-->

类似于

->->->

？hm@Baldráni这看起来很有希望

已被弃用，并且已过时，不应再使用。-@xhallix检查我的答案。@Paulie_D Ho我不知道，所以我想剩下的唯一选项是javascript。@Baldráni现在检查一下。很抱歉，这不是我要找的，因为你可以看到它跳回到了起点，这使它看起来不太对劲infinite@xhallix现在check@xhallix非常感谢。