» Cria um efeito hover com opacidade na imagem
» Tutorial feito em 13/04/2010
Exemplo: Passe o mouse na imagem
Opacidade em imagens
01. 
Coloque o código abaixo no seu css.
.transparency
{filter:alpha(opacity=80);
-moz-opacity:0.82;
opacity:0.82;}
.transparency:hover
{filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;}
{filter:alpha(opacity=80);
-moz-opacity:0.82;
opacity:0.82;}
.transparency:hover
{filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;}
02. Coloque o código abaixo onde quer que apareça. Substitua sua imagem pelo endereço da sua imagem.
<img src="http://suaimagem.png" class="transparency">
03. Se você já tiver colocado outra class na imagem use como abaixo.
<img src="http://imagem.jpg" class="borda-imagem ; transparency">
Carregamento em 2,233 segundos com 42 consultas no banco de dados.
