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 border-pulsate {
    0%   { border-color: rgba(0, 255, 255, 1); }
    50% { border-color: rgba(0, 155, 155, 0); }
    100%   { border-color: rgba(0, 2525, 225, 1); }
}

img {
    display: block;
    margin: 20px auto;
    border: 20px solid cyan;
    animation: border-pulsate 2s infinite;
}

.box {
    margin: 10px auto;
    border: 10px solid cyan;
    width: 100px;
    height: 100px;
    animation: border-pulsate 2s infinite;
}