Menu off-screen somento com CSS

Fala galera, estava qui vendo desenvolvendo um menu off-screen somente com o CSS e descobri 2 artigos bem legais para compartilhar, o primeiro que me demonstrou a ideia foi o do Austin Wulf.


Que de forma bem simples podemos fazer um menu bem legal e o melhor de tudo, sem usar o javascript.

A grade sacada no menu é a utilização de um input checkbox com a propriedade "checked", e a utilização de uma label com o atributo 'for', basicamente a label com o atributo "for" quando clicada ela altera o checkbox para "checked" e com isso ele faz a transição do elemento que ele quiser que estiver posterior a um checkbox  "checked" utilizando o selector "~" ou "+" do CSS, bem simples não?

Tem também outro artigo da ZURB University, que demonstra vários outros tipos.

Por hoje é só pessoal!

Comentários

Postagens mais visitadas deste blog

Teclas de atalho(accesskey) no HTML5

Lazy load no Angular using Jquery

Utilizando o Gulp para facilitar seu desenvolvimento front-end