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ó.
Só pode ser usado HTML e CSS
É 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