JSFiddle - React, Tailwind, and code Playground

by leongaban

HTML

<script src="https://raw.github.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js"></script>
<img src="http://placehold.it/350x150" />

<div class="box"></div>

CSS

@-webkit-keyframes pulseBorder {
  from {
    border:solid 10px #f00;
  }
  to {
    border:solid 10px #ccc;

  }
}

div {
    width: 100px;
    height: 100px;
  -webkit-animation-name: pulseBorder;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  -webkit-animation-direction: alternate;
  -webkit-animation-duration:2s;
    text-align:center;
    border: solid 1px #f00
}