JSFiddle - React, Tailwind, and code Playground

by DOK_UA

HTML

<script src="http://louisremi.github.io/jquery.transform.js/jquery.transform2d.js"></script>
<div id="container" class="r30">
    <div id="child"></div>
</div>

CSS

#container {
    width: 300px;
    height: 300px;
    background-color: yellow;
}

#child {
    width: 200px;
    height: 200px;
    background-color: black;
}

.r30 {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
}

JavaScript

$("#child").draggable(
containment:$("#circle")
});