JSFiddle - React, Tailwind, and code Playground

HTML

<button>Click me</button>

CSS

body {
    padding:50px;
}

button {
    border:2px solid #CCC;
    border-radius:10px;
    padding:8px 16px;
    font-size:15px;
}

button.glow {
    animation:glow 1200ms linear 200ms 2 alternate;
    -moz-animation:glow 1200ms linear 200ms 2 alternate;
    -webkit-animation:glow 1200ms linear 200ms 2 alternate;
}

@keyframes glow {
    0% {
        box-shadow:0 0 1px 1px rgba(255,255,255,0.9);
    }
    20%, 100% {
        box-shadow:0 0 1px 1px rgba(255,255,255,0.9), 0 0 3px 8px #4F8F27, 0 0 2px 12px #FFF;
    }
}

/* Firefox */
@-moz-keyframes glow {
    0% {
        box-shadow:0 0 1px 1px rgba(255,255,255,0.9);
    }
    20%, 100% {
        box-shadow:0 0 1px 1px rgba(255,255,255,0.9), 0 0 3px 8px #4F8F27, 0 0 2px 12px #FFF;
    }
}

/* Safari and Chrome */
@-webkit-keyframes glow {
    0% {
        box-shadow:0 0 1px 1px #FFF;
    }
    20%, 100% {
        box-shadow:0 0 1px 1px #FFF, 0 0 3px 8px #4F8F27, 0 0 2px 12px #FFF;
    }
}

JavaScript

$('button').addClass('glow');