JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ricostacruz.com/jquery.transit/jquery.transit.js"></script>
<div id="block">Hello!</div>

CSS

#block{
font-family: monospace;
display: inline-block;
width: 244px;
height: 44px;
font-size: 40px;
line-height: 44px;
text-align: center;
text-decoration: none;
color: white;
background-color: #036;
}

JavaScript

$(function() {
    $("#block").mouseenter(
    function(){
        $("#block").transition({ x: '+=90px', backgroundColor: '#cacaca', color: '#000' }, 1000 );
    });

    $("#block").mouseleave(
    function(){
         $("#block").transition({ x: '-=90px', backgroundColor: '#036', color: '#fff'  }, 500 );
    });
 
});