Biblioteca modal flexible simple-Lite modal
| Autor: | DarylPinto |
|---|---|
| Views Total: | 2,656 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 22, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Lite modal es una biblioteca JavaScript simple, ligera y flexible que le permite presentar cualquier contenido HTML en una ventana emergente modal adaptable y multiplataforma. Al hacer clic en cualquier lugar del área en blanco, se descarta el modal.
Funcionamiento
Ponga la versión minificada de Lite modal en su archivo HTML.
<script src="lite-modal.min.js"></script>
Envuelva el contenido modal en un elemento contenedor con la clase CSS de ' Lite-modal '.
<div class="lite-modal" id="example"> <h1>Modal Title</h1> <p>Modal Content Here</p> </div>
Abra el modal.
liteModal.open('#demo') Estilo el modal con sus propios estilos CSS.
.lite-modal {
padding: 40px;
background-color: white;
font-family: sans-serif;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
line-height: 1.6em;
}
