Array
(
)

é possível criar um menu hamburger só com css ?

Lucas Santos
   - 18 mai 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

Dayanbarros
|
MVP
Pontos: 75
    19 mai 2017


Citação:
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


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

Raphael Alves
|
MVP
Pontos: 85
    25 mai 2017

O ruim é a semântica, usando checked ele terá que ficar dentro do input, para o SEO isso não é bom.

Abraaço.

Hugo
   - 26 mai 2017

Olá Dayanbarros.

Interessante essa opções, mas não entendi direito como funciona. Você poderia dar algum exemplo?

Obrigado.

Figueroa Blanco
   - 26 mai 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