JSFiddle - React, Tailwind, and code Playground

by phoenix_suresh

HTML

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

CSS

#box {
    background-color: #ffccff;
    height: 100px;
    width: 100px;
    position: absolute;
    text-align: center;
    padding: 10px;
}

#box:hover {
    cursor: hand;
}

JavaScript

$(document).ready(function() {
      $('#box').click(function() {
         $(this).animate({ 
            right: "-=30px",
         }, duration );
      });
});