Html 需要帮助修复连续流的CSS动画吗

.svgContainer{
宽度：200px；
高度：200px；
边缘底部：-10px；
}
svg行{
行程：5f39dd；
笔画宽度：3px；
笔划线头：圆形；
行程阵列：2×20px；
动画：animateline 2s线性和无限；
}
@关键帧动画线{
从{
笔划偏移：0；
}
到{
行程偏移：-5rem；
}
}

---

只需使用

-22px

（

20px+2px

）然后控制持续时间来调整速度

.svgContainer{
宽度：200px；
高度：200px；
边缘底部：-10px；
}
svg行{
行程：5f39dd；
笔画宽度：3px；
笔划线头：圆形；
行程阵列：2×20px；
动画：动画线。5s线性无限；
}
@关键帧动画线{
到{
行程偏移：-22px；
}
}

---

这是否回答了您的问题？