Skip to content

Latest commit

 

History

History
29 lines (17 loc) · 770 Bytes

desafio-5.md

File metadata and controls

29 lines (17 loc) · 770 Bytes

Modal

Já pensou se pudessemos abrir e fechar um modal sem JavaScript? Dá! Graças a sêmantica do HTML isso é possivel.

Nesse desafio você trabalhará com

  • Semantica de HTML (`for="")
  • Seletores Irmãos (+, ~)
  • Pseudo Seletores (:)

Nesse desafio você deverá implementar um modal somente com html e css. Diferente dos desafios anteriores onde você somente desenvolveria o componente, aqui você também ira aplica-ló.

Regras

Só pode ser usado HTML e CSS

Requisitos

É necessaŕio que:

  • Criar "botão" para abrir o modal
  • Exibir modal centralizado e um overlay de fundo
  • Fechar o modal

Você pode visualizar o modelo que eu fiz no CodePen