JSFiddle - React, Tailwind, and code Playground

by ynternet

HTML

<div id="blue"></div>

CSS

#blue {
  top: 100px;
  left: 100px;
  width:200px;
  height:200px;
  background-color:blue;
  -ms-transform: rotate(120deg); /* IE 9 */
  -webkit-transform: rotate(120deg); /* Safari */
  transform: rotate(120deg);
}

.ui-resizable-handle {
    background: #ddd;
    border: 1px solid #ccc;
    width: 15px;
    height: 15px;
    z-index: 20000;
}

JavaScript

$("#blue").resizable({
    aspectRatio: false,
    handles: 'ne, se, sw, nw'
});

$("#blue").draggable();