JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<div class="timepass"><p>Lol</p></div>
CSS
.timepass {
background-color: #f3d3a3;
width: 24px;
}
.zoom-class {
-moz-transform: scale(3.0);
-webkit-transform: scale(3.0);
}
JavaScript
$("div.timepass").draggable({
cursor: "move",
cursorAt: {
top: 0,
left: 0
},
start: function (e) {
$(e.target).addClass("zoom-class");
},
stop: function (e) {
$(e.target).removeClass("zoom-class");
}
});