Why my rotation animation change direction ?

Question

I don't understand I tried animation-direction: normal; but at the end, the square rotate in reverse direction I want the square rotate infinitely
How can I do that ?
Thanks
https://code.sololearn.com/W9U98D6SdE53/?ref=app

Answer 1

Problem is with your keyframes. Use from-to instead.
@keyframes colorchange {
from {
transform:rotate(0deg);
}
to {
transform:rotate(359deg);
}
}

Answer 2

Perfect thank you !