é possível criar um menu hamburger só com css ?
18/05/2017
0
é possível criar um menu hamburger só com css, sem utilizar JS ou Jquery ?
no caso, sem precisar usar o onclick para abrir o menu.
desde já agradeço.
abraço
Lucas Santos
Post mais votado
30/05/2017
Segue um exemplo aqui da DevMedia ;-)
https://www.devmedia.com.br/exemplo/menu-hamburguer-com-html-css-e-jquery/9
abraços
Gladstone Matos
Mais Posts
19/05/2017
Dayan Barros
é possível criar um menu hamburger só com css, sem utilizar JS ou Jquery ?
no caso, sem precisar usar o onclick para abrir o menu.
desde já agradeço.
abraço
Existe algumas soluções, mas a melhor é usando o jQuery mesmo.
As que eu conheço são:
1 - Usando o <a href=#id> no HTML, você chama no CSS usando :target
2 - Usando o <input> e no CSS usa o Checked
Eu já usei a do target e funciona, o ruim é que na URL fica o #, esse é o ruim.
Abs
25/05/2017
Raphael Alves
Abraaço.
26/05/2017
Victor Machado
Interessante essa opções, mas não entendi direito como funciona. Você poderia dar algum exemplo?
Obrigado.
26/05/2017
Figueroa Blanco
Exemplo.
https://codepen.io/erikterwan/pen/EVzeRP
29/05/2017
Dayan Barros
Interessante essa opções, mas não entendi direito como funciona. Você poderia dar algum exemplo?
Obrigado.
É bem simples, você tem que colocar o botão hamburguer no href da tag <a>, exemplo:
<a href"#menu">
Chama o menu pelo ID:
<section id="menu"></section>
No CSS você estiliza ele para aparecer e desaparecer, exemplo:
#menu { display:none; }
#menu:target { display:block; }
O único porém disso tudo, é que na URL, fica um # quando clica.
Abraços
Clique aqui para fazer login e interagir na Comunidade :)