Home/ Questions/Q 7582987
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T18:34:19+00:00

I trying to spin an image using CSS keyframes to rotate(360deg) . I used

  • 0

I trying to spin an image using CSS keyframes to rotate(360deg).
I used keyframe, but every time when animation is complete there is some kind of delay. Also I tried to set 100% { -webkit-transform: rotate(359deg) }, but it didn’t work out, I still get that delay.
Do you have any idea to prevent it from delaying after every animation?
Here is the link of what I’ve done so far.
Thanks in advance!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The default value for the animation-timing-function property is ease so your animation slightly accelerate at the beginning and decelerate at the end. This gives you the sense of delay between the loops.

    Set the value to linear to have an infinite linear animation:

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

    DEMO

    • 0