JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
<h4>Click element to start the pulse.</h4>
<div id="element"></div>
CSS
#element {
width:100px; height:100px;
position: absolute; cursor: pointer;
background-color: blue;
border-radius: 50%;
left: 100px;
top: 100px;
}
JavaScript
//Pulsing, moving element
$("#element").click( function () {
$('#element').transition({ opacity: 0, x: '75%' }, function () { $(this).transition({ opacity: 1, x: '0%' }).trigger("click"); });
});