Анимация ключевого кадра имеет задержку после каждой анимации, как ее остановить?

Question

Я пытаюсь развернуть изображение с помощью ключевых кадров CSS до rotate(360deg).
Я использовал ключевой кадр, но каждый раз, когда анимация завершается, возникает какая-то задержка.Также я попытался установить 100% { -webkit-transform: rotate(359deg) }, но это не сработало, я все еще получаю эту задержку.
У вас есть идея, чтобы предотвратить задержку после каждой анимации?
Вот ссылкаиз того, что я сделал до сих пор.
Заранее спасибо!

Answer 1

Значение по умолчанию для свойства animation-timer-function равно ease, поэтому анимация немного ускоряется в начале и замедляется в конце. Это дает вам ощущение задержки между циклами.

Установите линейное значение для бесконечной линейной анимации:

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

DEMO