Lite modal JavaScript Library-modalite
| Autor: | hdodov |
|---|---|
| Views Total: | 1,180 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 27, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
modalite es una biblioteca JavaScript simple y ligera para crear ventanas modales adaptables con animaciones CSS3.
Instalación
NPM install modalite
Funcionamiento
Inserte la hoja de estilo del modalite en el encabezado del documento.
<link rel="stylesheet" href="modalite.css">
Inserte el código JavaScript de modalite al final del documento.
<script src="modalite.js"></script>
La estructura HTML de la ventana modal.
<div id="modal-demo" class="modal" data-modal> <div class="modal-container"> <div class="modal-close" data-close-modal></div> <div class="modal-content"> <h1>Modal Content</h1> <p>More Content Here</p> </div> </div> </div>
Cree un elemento de desencadenador para alternar la ventana modal.
<p data-open-modal="modal-demo">Trigger Element</p>
