JSFiddle - React, Tailwind, and code Playground

by vijayweb

HTML

<div id="sky">
    
    <img class="cloud" src="http://www.scalabilityexperts.com/images/global_images/icons/cloud.png" />    
</div>

CSS

body {
    background: #6CF;
    overflow-x: hidden;
}

#sky { 
    background: #6CF;
    height: 1000px;
    width: 100%;
    position: relative;
}

.cloud {
    position: absolute;
    left: 0;
    top: 20px;
}

JavaScript

var cloud = $('.cloud');




$(cloud).hover(function() {
    $(this).draggable();
});