J'essaie de reproduire un indicateur d'activité de style Apple (icône de chargement du cadran solaire) en utilisant une animation PNG et CSS3. L'image tourne et le fait en continu, mais il semble y avoir un délai après la fin de l'animation avant de faire la rotation suivante.
@-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;
}
J'ai essayé de changer la durée de l'animation, mais cela ne fait aucune différence, si vous la ralentissez, disons 5 secondes, il est juste plus évident qu'après la première rotation, il y a une pause avant de tourner à nouveau. C'est cette pause dont je veux me débarrasser.
Toute aide est très appréciée, merci.