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

Add to Set
Add to Set
Share
Share on Twitter Share on Facebook Share on LinkedIn Share on Reddit Share on WhatsApp Send via Email Copy Link to Clipboard
Referenced in:

Comments

Leave a Comment

All fields are required. Your email address will not be published.
Copyright © Snippset 2022. All Rights Reserved.