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!
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
Postar um comentário