JSFiddle - React, Tailwind, and code Playground

by Farzad Cyrus

HTML

<div id="myGlower"></div>

CSS

#myGlower {
    background-color: #ccc;
    border: 1px solid transparent;    
    -webkit-transition: border 0.1s linear, box-shadow 0.1s linear;
       -moz-transition: border 0.1s linear, box-shadow 0.1s linear;
            transition: border 0.1s linear, box-shadow 0.1s linear;
    width: 100px;
    height: 100px;
    margin: 50px;
}

#myGlower.active {
    border-color: blue;
    -webkit-box-shadow: 0 0 5px blue;
       -moz-box-shadow: 0 0 5px blue;
            box-shadow: 0 0 5px blue;
}
}

JavaScript

var glower = $('#myGlower');
window.setInterval(function() {  
    glower.toggleClass('active');
}, 1000);