JSFiddle - React, Tailwind, and code Playground
HTML
<img src="http://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png" />
CSS
img {
margin: 50px;
-webkit-animation: rotate 2s linear 0 infinite normal;
-moz-animation: rotate 2s linear 0 infinite normal;
-o-animation: rotate 2s linear 0 infinite normal;
-ms-animation: rotate 2s linear 0 infinite normal;
animation: rotate 2s linear 0 infinite normal;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}