Home Sobre F.A.Q Divulgue Parceria Contato

sexta-feira, 11 de novembro de 2011

Tutorial efeito opacidade nas imagens

5786618566_8444e1a94c
Oii genteeeeeeeeeeeeeeeeeeeeeeeeeeeee hoje vim postar pra vocês um novo tutorial sobre como por efeito opacidade nas imagens, esse efeito deixa a imagem meio branca e transparente e quando passamos o mouse ela fica a imagem como ela e

Va em Designs depois em Editar HTML e procure por ]]></b:skin>
E cole acima dela esse código
.opacidade
{filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;}
.opacidade:hover
{filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;}
Para usar esse efeito e só por esse código class="opacidade" no código da sua imagem, logo apos o link da sua imagem veja
<img src="Link da sua imagem aqui" class="opacidade"/>
E agora veja o resultado

 
Espero que tenham gostado

Thau !

2 comentários:

  1. Aaah,assim é bem mais fácil *o*
    Amei esse tuto x3

    Estou seguindo já o teu blog,lindo demais *---*

    Segue de vorta? XD (se quiser,é claro :B)
    http://deliciousavatares.blogspot.com/

    ResponderExcluir