Crear elementos DOM de tamaño variable con vanilla JavaScript-JS-Resizable

Tiempo de ejecución: 30 minutos. Empezar

Autor: io-developer
Views Total: 1,351
Sitio oficial: Ir a la web
Actualizado: November 15, 2017
Licencia: MIT

Vista prévia

Crear elementos DOM de tamaño variable con vanilla JavaScript-JS-Resizable

Descripción

Una biblioteca de tamaño variable básica de vainilla JavaScript que le permite cambiar el tamaño de cualquier elemento DOM arrastrando el controlador de cambio de tamaño.

Funcionamiento

Sólo tiene que importar el script Resizable. js en el documento y ya está listo para ir.

<script src="resizable.js"></script>

Agregue la clase ' JS-Resizable ' a cualquier elemento que deba ser redimensionable. También puede especificar el elemento de contorno mediante la clase ' JS-Resizable-Limiter '.

<div class="outer js-resizable-limiter">

<div class="inner inner--1 resizable js-resizable-limiter">


Content A





<div class="inner inner--2 js-resizable">



Sub-content A


</div>

</div>

<div class="inner inner--3 js-resizable">


Content B

</div>
</div>

Te puede interesar: