JSFiddle - React, Tailwind, and code Playground

by Gerald Gillespie

HTML

<div><div id="draggable">Drag me</div>
    <br/>
    <br/>
    <br/>
</div>

CSS

div {
    border: 1px solid;
    //position: absolute;
}

#draggable {
     width: 100px;
     height: 100px;
     background: #ccc;
 }

JavaScript

$("#draggable").draggable({
    stop: function (e, ui) {
        ui.helper.animate({
            bottom: '-100px'
        }, {
            duration: 1000,
            easing: 'easeOutBounce'
        })
    }
});