JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<!-- responsive image-->
<div class="wrap">
<img class="res" src="http://placehold.it/300x300"/>
</div>

CSS

.res {
    max-width:100%;
    height: auto;
    transform: rotate(0deg);
     animation: loader 5s ease infinite;
}
div {
    width: 100px;
    height: 100px;
}
@-webkit-keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}