关键帧动画在每个动画后都有延迟，如何阻止它？

Question

我尝试使用CSS关键帧将图像旋转到rotate(360deg)。
我使用了关键帧，但每次动画完成时都会出现某种延迟。我也尝试设置100% { -webkit-transform: rotate(359deg) }，但它没有成功，我仍然得到了延迟。
你有任何想法阻止它在每个动画后延迟吗？
Here is the link of what I've done so far.
提前谢谢！

Answer 1

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

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

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

<强> DEMO