px;
  			width: 100%;
  			height: 100%;
  		}
  		.circle {
  			width: 60px;
  			height: 60px;
  			border-radius: 50%;
  			background-color: gray;
  			position: absolute;
  			transition: all 0.2s;
  			margin-left: -30px;
  			margin-top: -30px;
  		}
  		.circle.ui-draggable-dragging {
  			transition: none;
  		}
  	</style>
</head>

<body oncontextmenu="return false;">

	<div id="playground">
		<div id="background"></div>
	</div>

	<script>
		var currentMousePos = { x: -