JSFiddle - React, Tailwind, and code Playground

HTML

<button>Start Animation</button>

<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>

JavaScript

$(document).ready(function(){
  $("button").mouseenter(function(){
      $("div").animate({left:"250px"},{duration: 1000, easing: 'easeOutBounce'});
  });
     $("button").mouseleave(function(){
      $("div").animate({left:"0px"},{duration: 4000, easing: 'easeOutBounce'});
  });
});