Indagamos por diferentes espacios para tenerte la solución para tu inquietud, en caso de alguna difcultad déjanos la duda y te contestaremos porque estamos para ayudarte.
Ejemplo 1: 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>Ejemplo 2: ¿cómo puedo hacer que aparezca una barra de menú haciendo clic en un icono? en css?
/*you can use the :checked or the :focus property on the icon you want the user to click and than change the display of the menu from none to whatver you want*/
#yourmenu
/*style*/
display: none;
#yourbutton
/*style*/
#yourbutton:checked > yourmenu
display: block;/*whathever value you want*/
/*sorry for the shitty english, hope to help someone with this concept*/Tienes la posibilidad comunicar este tutorial si si solucionó tu problema.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)