Infinitely rotate any image or SVG using CSS

Category: ,

Here is the CSS code to infinitely rotate any image using CSS.

First, give your image a class name. Then, go to Custom CSS. Here, adjust your class name and add the following CSS code:

.Classname {
    animation: rotateAnimation 5s linear infinite; 
/* Adjust the duration and timing function as needed */
}


/* Define the rotation animation */
@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

Need to get your website created by a professional?

Fill out the form below to get started.

Lead Gen Form