
LIGHT BOX SEM JS, APENAS COM CSS
Neste experimento, clicando em um link de 'abrir' aparece um light box, assim deixando todos os outros elementos da página não são clicáveis. Ao fechar o modal também tem animação, com um efeito de minimizar.
É claro que, usando imagens e JS você terá um resultado com mais opções, algo como apertar ESC para fechar nunca será reproduzida em CSS. Puro CSS raramente é a melhor solução pronta para produção, mesmo assim é sempre bom apliarmos nossos conhecimento em CSS.
Observação: Use um navegador atual.
Como fazerEsse é o CSS necessário para que tudo aconteça:
a:link, a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active...