css - 关键帧动画在每个动画之后都有延迟，如何停止？

Question

我尝试使用 CSS 关键帧将图像旋转到rotate(360deg).
我使用了关键帧，但每次动画完成时都会出现某种延迟。我也尝试设置100% { -webkit-transform: rotate(359deg) }，但没有成功，我仍然得到延迟。
您有什么想法可以防止它在每个动画之后延迟吗？
这是我到目前为止所做的链接。
提前致谢！

Answer 1

animation-timing-function属性的默认值为ease是让您的动画在开始时略微加速并在结束时减速。这给了你循环之间的延迟感。

将值设置为线性以具有无限的线性动画：

-webkit-animation: spin 1s linear infinite;
   -moz-animation: spin 1s linear infinite;

演示