Biblioteca modal de pantalla completa mínima en CSS puro-modal. CSS
| Autor: | matthew-conrad |
|---|---|
| Views Total: | 1,560 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 31, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca modal CSS pura que le ayuda a mostrar una ventana modal de pantalla completa con animaciones CSS3 en la pantalla.
Funcionamiento
Inserte la hoja de estilo modal. CSS en el documento HTML.
<link rel="stylesheet" href="modal.css">
Cree el contenido modal & elemento desencadenante como estos:
<div class="modal"> <input id="modal__trigger" type="checkbox"> <label for="modal__trigger">Launch Modal</label> <div class="modal__overlay"> <div class="modal__wrap"> <label for="modal__trigger">✖</label> <h2>This is your modal content</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac laoreet elit. Phasellus dignissim purus vitae urna cursus, quis congue ligula tristique. Ut nec blandit risus. Donec at orci ut justo venenatis viverra. Suspendisse in volutpat lacus. In enim est, dapibus eget ipsum sed, suscipit ultrices diam.</p> </div> </div> </div>
