Skip to content

Latest commit

 

History

History
25 lines (18 loc) · 732 Bytes

desafio-11.md

File metadata and controls

25 lines (18 loc) · 732 Bytes

Menu Lateral Collapsible

Vocês ja viram em desafios anteriores como utilizar input checkbox e suas pseudo-classes para aplicar estilos. Vamos 'elevar' o nível? Nesse desafio você deverá fazer um menu que 'fecha' ou 'abre' somente com css.

Nesse desafio você trabalhará com

  • HTML Semantico, input checkbox
  • Pseudo Classes/Seletores
  • Seletores irmãos
  • transform
  • transition

Regras

Só pode ser usado HTML e CSS

Requisitos

É necessaŕio que:

  • Exibit ou esconder o menu
  • Exista um elemento visual que diga se o menu está aberto ou fechado
  • Ter uma transição suave

Você pode visualizar o modelo que eu fiz no CodePen