28/04/12

Tutorial - Efeito opacity nas imagens


Oii :)
Hoje vim trazer um tuto for you :D É o de opacity nas imagens ( as imagens ficam meio apagadas e quando se passa o cursor por cima ficam normais )
O código é do Bomba de Glitter

Vai ao html, aperta ctrl+f ( ou f3 ) e procura por : ]]></b:skin>

Depois cola esse código ACIMA da tag : 

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

E pronto :)

Agora tenho de ir :(

2 comentários:

  1. oi!
    adoro de paixão seu blog.
    só vim aqui mesmo para te convidar pra participar do sorteio no meu blog que vale uma camiseta meme!
    aqui está o link:
    http://oblogdapp.blogspot.com.br/2012/04/oi-gente-vim-aqui-trazer-uma-novidade.html
    espero vc anciosamente lá!!!

    ResponderEliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias