Css 10秒动画只持续4秒？

当我设置

动画：dash 10s线性向前时，我不明白为什么它在大约4秒钟内完成。它是一个bug还是一个“特性”，如果是的话，我怎样才能让它持续10秒呢


.stroke容器{
变换：旋转（270度）；
背景：绿色；
宽度：120px；
高度：120px；
}
.中风-1{
笔画：红色；
动画：短跑10秒直线前进；
笔划阵列：1000；
行程偏移量：1000；
}
.中风-1-bg{
笔画：蓝色；
}
@关键帧破折号{
到{
笔划偏移：0；
}
}
svg{
填充：无；
笔划宽度：10px；
}
这是因为
笔划划线数组
和
笔划划线偏移
的值不等于路径/圆周长的长度

半径为50时，周长为2xπx50，即c315。实际上是314.12，但315已经足够接近了


.stroke容器{
变换：旋转（270度）；
背景：绿色；
宽度：120px；
高度：120px；
}
.中风-1{
笔画：红色；
动画：dash 10s线性无限；
行程：315；
行程偏移：315；
}
.中风-1-bg{
笔画：蓝色；
}
@关键帧破折号{
到{
笔划偏移：0；
}
}
svg{
填充：无；
笔划宽度：10px；
}

它是一个bug还是一个“功能”
：所有bug都是无法解释的功能：D！你可以把时间设为40秒。因为某种原因测试了10次