Image Map

Opacidade Nas Imagens

Tumblr_llnvgj43mf1qze17lo1_500_large

Ooooii Pessoal,bom hoje vou mostrar
para vocês um tutorial de como deixar as imagens do 
seu blog com o efeito de opacidade :3
Bom quando você coloca o Mouse encima da imagem o efeito some,
mas quando tira ele volta :)

É muito simples Basta:


Painel>Design>Editar HTML >Ctrl+F ai você procura por ]]></b:skin>

Encima desse código você cola esse:

.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 , Visualize e veja se está bom :3
Beijos

Créditos:Bomba De Gliter

2 comentários:

  1. Amei o tutorial.Posso te pedir um favor? Voce pode votar em mim no concurso da corea Tech? É muito facil é so voce entrar aqui http://korea-tech.blogspot.com/ e votar na coluna do lado das postagens! Conto com seu voto! http://prettyteenager.blogspot.com/

    ResponderExcluir
  2. Adorei o tutorial. Espero que você continue dando dicas pra gente sobre nosso blog, sempre !
    Beijão :*

    agoraquecresci1.blogspot.com

    ResponderExcluir

Vai comentar? Que bom! Só não esqueça das regrinhas:

* Não xingue.
* Não ofenda ninguém.
* Deixe o link do seu blog e/ou site (se tiver).
* Tenha educação!