Snipps by Patrik

How-to Rotate an Image Continuously in CSS

The definition of the CSS class

.rotate{
   width:80px;
   height:80px;
   animation: rotation infinite 3s linear;
}

Here we added an animation property with a value rotation infinite 3s linear, which is.

  • rotation: this is the name of the animation.
  • infinite: the animation should play infinitely.
  • 3s: animation duration.
  • linear: play the animation at the same speed from start to end.

Source: How to rotate an image continuously in CSS | Reactgo

Comments