CSS闪烁的动画问题

Question

我制作了一个看起来像萤火虫的动画，但是在开始新的循环时它会一直闪烁

我使用了-webkit-transform-style: preserve-3d;和-webkit-backface-visibility: hidden;，但是它们不起作用

https://codepen.io/Triciah101/pen/YmKLzb 这是代码笔上代码的示例。

我希望动画要平滑而不出现奇怪的闪烁。

Answer 1

因为您从translate的{​​{1}}位置开始，到0%的另一距离结束了。 尝试匹配100%和0%，因此100%中将有一个“组合”。

此外，您将从animation到0%，并且要更改很多距离。这太快了，并且会导致不良效果。