é possível criar um menu hamburger só com css ?
Olá, bom dia.
é 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
é 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
Curtidas 0
Melhor post
Gladstone Matos
30/05/2017
olá Lucas
Segue um exemplo aqui da DevMedia ;-)
https://www.devmedia.com.br/exemplo/menu-hamburguer-com-html-css-e-jquery/9
abraços
Segue um exemplo aqui da DevMedia ;-)
https://www.devmedia.com.br/exemplo/menu-hamburguer-com-html-css-e-jquery/9
abraços
GOSTEI 1
Mais Respostas
Dayan Barros
18/05/2017
Olá, bom dia.
é 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
é 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
GOSTEI 0
Raphael Alves
18/05/2017
O ruim é a semântica, usando checked ele terá que ficar dentro do input, para o SEO isso não é bom.
Abraaço.
Abraaço.
GOSTEI 0
Victor Machado
18/05/2017
Olá Dayanbarros.
Interessante essa opções, mas não entendi direito como funciona. Você poderia dar algum exemplo?
Obrigado.
Interessante essa opções, mas não entendi direito como funciona. Você poderia dar algum exemplo?
Obrigado.
GOSTEI 0
Figueroa Blanco
18/05/2017
Olá, acho que não é boa prática, só se é mesmo preciso por alguma restrição do uso de JavaScript.
Exemplo.
https://codepen.io/erikterwan/pen/EVzeRP
Exemplo.
https://codepen.io/erikterwan/pen/EVzeRP
GOSTEI 0
Dayan Barros
18/05/2017
Olá Dayanbarros.
Interessante essa opções, mas não entendi direito como funciona. Você poderia dar algum exemplo?
Obrigado.
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
GOSTEI 0
Victor Machado
18/05/2017
Muito legal, Figueroa e Dayanbarros.
GOSTEI 0