quarta-feira, 4 de janeiro de 2012

Tutorial-Efeito opacidade nas imagens


Oi pessoal hoje tem mais um tutorial pra vocês: como colocar efeito opacidade nas imagens.
Vamos lá:
Vá no html do seu blog é procure por ]]></b:skin>, quando encontrar, coloque esse código acima dele:

.main img {
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
}
.main img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
duration: 50s;
}
Pressione visualizar e veja se as imagens do seu blog estão meio "apagadas", se estiverem quer dizer que deu certo, então salve!  Atenção sempre visualize antes de salvar :)

Créditos: Bomba de glitter (visite)