Transparência com CSS

Um efeito muito interessante, é a transparencia ou opacidade de uma imagem ou DIV
para esse efeito usaremos o efeito alfa veja o exemplo:

        opacity:0.6;

        filter:alpha(opacity=40);

Isso é apenas um exemplo de transparencia veja o codigo completo abaixo, copie e cole para ver como é seu funcionamento na pratica

<html>
<head>
<style>
#fundo {
position:absolute;
left:50px; 
top:10px; 
width:300px; 
height:300px; 
background: #0066ff;
    opacity:0.8;
    filter:alpha(opacity=30);
}
</style>
</head>
<body>
<h3>esse texto esta atraz da DIV e da imagem apenas para perceber a transparencia</h3>
<h3>esse texto esta atraz da DIV e da imagem apenas para perceber a transparencia</h3>
<h3>esse texto esta atraz da DIV e da imagem apenas para perceber a transparencia</h3>
<h3>esse texto esta atraz da DIV e da imagem apenas para perceber a transparencia</h3>
<h3>esse texto esta atraz da DIV e da imagem apenas para perceber a transparencia</h3>
<h3>esse texto esta atraz da DIV e da imagem apenas para perceber a transparencia</h3>
<div id="fundo"><H2>isso e uma DIV transparente</H2></div>
</body></html>

isso é so um exemplo do que pode ser feito com efeitos de transparencia.

qualquer dúvida mande ai.

Mais informações »