JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<div class="balls">Hello</div>
<div class="balls">Hello</div>
<div class="balls">Hello</div>
<div class="balls">Hello</div>
CSS
.balls {
width: 20px;
height: 20px;
border-radius: 50%;
border: solid 2px #09F;
padding: 10px;
display: inline-block;
margin: 2px;
}
.ui-effects-wrapper {
display: inline-block;
}
JavaScript
$(document).ready(function() {
$(".balls").effect('bounce', {
times: 3
}, 'slow');
});