resizable.js

Resize any DOM element with just one line of code.

by Bruntouchables

HTML

<link rel="stylesheet" href="https://rawgit.com/bruntouchables/resizable.js/master/resizable.css">
<script src="https://rawgit.com/bruntouchables/resizable.js/master/resizable.js"></script>
<div id="example"></div>

CSS

body {
  margin: 0;  /* transform scale uses margin */
  transform: scale(1.0);
  transform-origin: left top;
}

#example {
  background: #79589f;
  position: absolute;
  left: 100px;
  top: 100px;
  height: 200px;
  width: 200px;
}

JavaScript

const element = document.getElementById("example");
new Resizable(element);