JSFiddle - React, Tailwind, and code Playground

by TheNix

HTML

<script src="http://www.modernizr.com/downloads/modernizr-2.0.4.js"></script>
<div id="animate"></div>

CSS

body { background: #0ff; }

@-webkit-keyframes 'blink' {
    0% { background: rgba(255,0,0,0.5); }
    50% { background: rgba(255,0,0,0); }
    100% { background: rgba(255,0,0,0.5); }
}
#animate { 
    height: 100px; 
    width: 100px;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: step-start;   
}