10 dezembro 2012

Tutorial: Imagem da postagem com efeito opacity!


Hoje eu vou postar o meu primeiro tutorial Vamos lá? O tutorial que eu vou mostrar para vocês hoje é de um efeito que quando você passa o mouse na foto aparece o efeito hover opacity nela, (para ver passe o mouse na imagem acima do post) vamos ver:
vá em modelo+editar html+prosseguir e procure por:
 padding-bottom: 0;}

E embaixo dele cole esse código
.post img {filter: alpha(opacity:1);KHTMLOpacity: 1;MozOpacity: 1;-khtml-opacity:.1;-ms-filter:"alpha(opacity=100)";-moz-opacity:1;filter:alpha(opacity=100);opacity:1;}.post img:hover {filter: alpha(opacity:0.5);KHTMLOpacity: 0.5;MozOpacity: 0.5;-khtml-opacity:.50;-ms-filter:"alpha(opacity=50)";-moz-opacity:.50;filter:alpha(opacity=50);opacity:.50;}




Agora é só salvar! bjss!


2 comentários :

  1. Oi, adorei aqui, e adorei também a postagem, muito bem explicadinha.
    Obrigada por te visitado o blog xará, rsrsrs, estou seguindo aqui sim :)

    beijos e sucesso ;D

    http://docepimentadas.blogspot.com

    ResponderExcluir
  2. a-d-o-r-e-i o blog!:)Já estou seguindo

    ResponderExcluir

Obrigada por comentar!