Como Colocar Opacidade nas Imagens

Tumblr_lmlpzj7xs81qflp22o1_500_large_large

Oi Pessoal
Trouxe um tutorial muito útil para vocês.Vou ensinar como colocar opacidade nas imagens do blog.Esse efeito deixa as imagens um pouco embaçadas e ao coloca o mouse encima ficam normais.
Então, vamos lá!

Vá no seu Html e procure por  ]]></b:skin>, quando você encontrar coloque o seguinte 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 veja se as imagens estão com o efeito.
Você pode mudar o tempo da opacidade em duration, podendo deixa o efeito mais lento ou mais rápido!
Espero que tenha ajudado,beijos

4 comentários:

  1. Seu blog é lindo, muito fofo mesmo*0* parabéns!! Já estou te seguindo amada =))

    Convido voce e suas leitoras a conhecer meu blog

    http://toobege.blogspot.com.br/

    Beijinhoooos ;**

    ResponderExcluir
  2. No meu não pegou mila :(
    http://truecine.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Poxa flor :c
      Tenta fazer contato comigo que eu te explico melhor ok?

      Excluir
  3. Ótimo tutorial , quando der eu vou testar no meu blog , (:
    ~
    Beijos ;*
    http://blogthelifeofgirls.blogspot.com.br/

    ResponderExcluir

Obrigado pelo seu Comentário! :)

- Comentarios do tipo Criticas e Sugestões são aceitos
- Pense antes de escrever alguma ofensa
- Leio, respondo e retribuo os comentários, mas da forma que merecer
- Comentários anônimos estão bloqueados