How can we apply animation on rotation

Answer 1

You have to set an css animation attribute on you el then define an animation with @keyframes. Example:

#myEl{
animation: myAnim 2s;
}

@keyframes myAnim{
from{ transform:rotate(0); }
to{ transform:rotate(360deg); }
}

Obliviously there are many other settings for customize your animation. See here
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
https://developer.mozilla.org/en-US/docs/Web/CSS/animation
https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes

Answer 2

You mean animate some element with a rotation or what?

Answer 3

Thanks KrOW

Answer 4

👍👍👍👍

Answer 5

Yes it is what I am looking for