2 de abr de 2013

Opacidade nas imagens + Game!


Oi gente, como vocês estam? espero que bem. Demorei um pouco pra vir com esse tutorial porque estava sem computador.. Mais enfim, cheguei.. Vamos aprender a como colacar opacidade nas imagens da postagem?! 

O Tutorial é bem interessante e eu usei ele aqui mesmo no blog, da pra perceber quando você passa o mouse na imagem não é? Eu aprendi no Bomba de Glitter e decidi dividir com vocês, enfim.. Pra começar você vai no HTML do seu blog e pesquisa por:
]]></b:skin>

E quando encontrar, cole este 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;
} 
Clique em visualizar e confirme, se estiver tudo certinho salve. Galera eu tava pensando em criar um game valendo divulgação e layout também, oque vocês acham? Dêem suas opiniões nos comentários por favor.

2 comentários:

  1. eu gostei bastante do tutorial, sempre quis saber como esse povo faz isso o.o kkkk

    sobre o game, acho que é uma otima ideia
    http://imradiatinglove.blogspot.com.br

    ResponderExcluir
  2. kk, eu também sempre quis ter esse efeito no meu blog, e quando consegui fiquei super feliz, e ai decidi dividir aqui *-*

    o game já está rolando, aqui & Obrigada por seguir.

    ResponderExcluir