JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
<button id="btnMoveLeft">Move Left</button>
<button id="btnMoveRight">Move Right</button>
<div id="element"></div>
CSS
#element {
width:100px; height:100px;
position: absolute; cursor: pointer;
background-color: blue;
border-radius: 50%;
left: 100px;
top: 100px;
right: 100px;
}
JavaScript
$("#btnMoveRight").click( function () {
$('#element').transition({ left: '+=50px' });
});
$("#btnMoveLeft").click( function () {
$('#element').transition({ left: '-=50px' });
});