JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Image from wikipedia. Source article: http://en.wikipedia.org/wiki/Zoopraxiscope -->
<img id="zoopraxiscope" src="http://upload.wikimedia.org/wikipedia/commons/1/17/Zoopraxiscope_16485u.jpg" />
<br/><br/><br/>
<div>
    Inspired by the Google Doodle on April 9th, 2012 celebrating Eadweard J. Muybridge<br/>
    <u>See:</u>
    <ul>
        <li><a href="http://news.ycombinator.com/item?id=3816692">http://news.ycombinator.com/item?id=3816692</a></li>
        <li><a href="http://en.wikipedia.org/wiki/Zoopraxiscope">http://en.wikipedia.org/wiki/Zoopraxiscope</a></li>
        <li><a href="http://davidwalsh.name/css-spin-revisited">http://davidwalsh.name/css-spin-revisited</a></li>
    </ul>
</div>

CSS

/* Modified CSS Rules taken from: http://davidwalsh.name/css-spin-revisited */
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(-360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(-360deg); }
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(-360deg); }
}
img#zoopraxiscope {
    width:230px;
    height:230px;        
    /* webkit chrome, safari, mobile */
    -webkit-animation-name: spin;
    -webkit-animation-duration: 230ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    /* mozilla ff */
    -moz-animation-name: spin;
    -moz-animation-duration: 230ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    /* microsoft ie */
    -ms-animation-name: spin;
    -ms-animation-duration: 230ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}