domingo, 29 de maio de 2011

Light box apenas com CSS

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...

Pages 212 »
 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cna certification