JSFiddle - React, Tailwind, and code Playground

by jomanlk

HTML

<div id="box">
    <div></div>
</div>

CSS

#box{ width: 100%; height; 100%; }
#box div{ background: red; width: 20px; height: 20px; margin: 0 auto; }

JavaScript

var $this = $('#box div');
    var options    =    {
                        direction: 'left',
                        distance: 10,
                        times: 2
                        };

    $this
    .animate({marginLeft: '-=5px'}, 100)
       .animate({marginLeft: '+=5px'}, 100)
       .animate({marginLeft: '-=5px'}, 100)
       .animate({marginLeft: '+=5px'}, 100);