Непрерывные CSS3 Поворачивают Анимацию (Точно так же, как загружающиеся солнечные часы)

Я пытаюсь копировать индикатор действия стиля Apple (значок загрузки солнечных часов) при помощи PNG и анимации CSS3. У меня есть вращение изображения и выполнение его непрерывно, но, кажется, существует задержка после того, как анимация закончилась, прежде чем оно сделает следующее вращение.

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
#loading img
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         0.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-transition-timing-function: linear;
    }

Я попытался изменить продолжительность анимации, но это не имеет никакого значения, если Вы замедляетесь, это правильный вниз говорит 5 с его просто более очевидный что после первого вращения, там пауза, прежде чем это будет вращаться снова. Это - эта пауза, от которой я хочу избавиться.

Любая справка очень ценится, спасибо.