JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div id="box"></div>

CSS

#box {
  width:100px;
  height:100px;
  background:red;
}

.blink {
  animation-name: blink;
  animation-duration: 5s;
}

@keyframes blink {
  from {
    opacity:1;
  }
  10% {
    opacity:0;
  }
  20% {
    opacity:1;
  }
  30% {
    opacity:0;
  }
  40% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  60% {
    opacity:1;
  }
  70% {
    opacity:0;
  }
  80% {
    opacity:1;
  }
  90% {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

JavaScript

$(document).ready(function(){
	setTimeout(function(){
  	$('#box').addClass('blink');
  }, 1000);
});