Saltar al contenido

cómo crear un menú de hamburguesas en un ejemplo de código html

Posterior a de una extensa compilación de información solucionamos esta interrogante que pueden tener algunos lectores. Te compartimos la respuesta y nuestro objetivo es resultarte de mucha ayuda.

Ejemplo: menú de hamburguesas css

/* Link to Codepen in source for PoC */

<style>.containerbackground:dodgerblue;padding:20px;height:70px;#hamburgerwidth:40px;height:40px;display: block;position: relative;float: right;transform:rotate(0deg);transition:.5s ease-in-out;cursor: pointer;#hamburger spandisplay: block;position: absolute;height:4px;width:100%;background:white;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out;#hamburger span:nth-child(1)top:0px;#hamburger span:nth-child(2)top:12px;#hamburger span:nth-child(3)top:24px;#hamburger.open span:nth-child(1)top:14px;transform:rotate(135deg);#hamburger.open span:nth-child(2)opacity:0;left:-60px;#hamburger.open span:nth-child(3)top:14px;transform:rotate(-135deg);style><body><divclass="container"><divid="hamburger"><span>span><span>span><span>span>div>div>body>

Aquí puedes ver las reseñas y valoraciones de los usuarios

Tienes la opción de corroborar nuestra función mostrando un comentario o dejando una valoración te damos la bienvenida.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *