JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<img src="http://brega.esy.es/loaders/loader6.gif"/>
<div class="rotate"></div>

CSS

.rotate {
  background: url(http://i.imgur.com/Eb8t6Kw.gif);
  width: 40px;
  height: 40px;
  display: inline-block;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }