Panel de mensaje de cabecera deslizante con CSS-headerMessage puro
| Autor: | fpmweb |
|---|---|
| Views Total: | 2,175 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 15, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
headerMessage es una biblioteca de CSS ligera para generar un panel de encabezado deslizante para mostrar mensajes importantes sobre su sitio web en alternar.
Funcionamiento
Incluya el headerMessage. CSS en la sección Head de su página HTML.
<link rel="stylesheet" href="css/headerMessage.css">
Añada sus propios mensajes al panel de cabecera.
<div class="headerMessage"> <h1> hello world!</h1> <h2>I'm a hidden message.</h2> </div>
Cree un botón basado en la casilla para alternar el panel de mensajes del encabezado.
<input type="checkbox" name="toggle" id="toggle"> <label for="toggle"></label>
