JSFiddle - React, Tailwind, and code Playground

by sundaramkumar

HTML

<div id="circle">
  <div id="spinning-circle">
    <img src="http://i.stack.imgur.com/WbNlQ.jpg">
  </div>
</div>

CSS

#spinning-circle {
  margin-top:50px;
  margin-left:50px;
  animation-name: spinning-circle;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  width: 40px;
  height: 40px;  
}
#circle{
    margin-top:50px;
  margin-left:50px;
  border:1px red solid;
  border-radius:50%;
    width: 40px;
  height: 40px;  
}

@-webkit-keyframes spinning-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}