Material Design hamburguesa de animación con JS y CSS3
| Autor: | swirlycheetah |
|---|---|
| Views Total: | 3,785 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 22, 2014 |
| Licencia: | MIT |
Vista prévia
Descripción
Material Design inspirado en la animación de hamburguesas que le permite crear un icono de alternancia interactiva & animado, escrito en CSS3 y un poco de magia JavaScript.
Funcionamiento
Incluya el material-Design-Hamburger. CSS en el encabezado y el material-Design-Hamburger . js en la parte inferior.
<link rel="stylesheet" href="material-design-hamburger.css"> <script src="material-design-hamburger.js"></script>
Construye la estructura HTML para los íconos de la hamburguesa.
<section class="material-design-hamburger"> <button class="material-design-hamburger__icon"> <span class="material-design-hamburger__layer"></span> </button> </section>
Hecho. Cambiar & invalidar los estilos CSS lo que quieras a tu gusto.
