JSFiddle - React, Tailwind, and code Playground

by mstefanko

HTML

<script src="https://github.com/brandonaaron/jquery-cssHooks/raw/master/boxshadow.js"></script>
<div id="wow">
    <span id="pulse"></span>
    <input id="form-input"/>
    <input id="form-input"/>
    <input id="form-input"/>
    <input id="form-input"/>
    <input id="form-input"/>
</div>

CSS

input {
margin-top: 10px;
}
#wow {
    width: 500px;
    height: 200px;
    display: inline-block;
    position: relative;
    border: 1px solid black;
}
#pulse {
    width: 100%; 
    height: 100%; 
    box-shadow:inset 0 0 20px #6c95c3; 
    -moz-box-shadow:inset 0 0 10px #6c95c3; 
    position: absolute;
    z-index: 20000;
}

JavaScript

$('#pulse').stop().animate({"opacity": 0}, "fast"); 
$('#pulse').effect("pulsate", { times:4 }, 500,  function() {
    $(this).remove();
});
$('#pulse').stop().animate({"opacity": 0}, "fast");