26 de dez de 2012

Opacidade nas imagens


Acho que todo mundo já viu em algum blog opacidade nas imagens não?
Sabe, a foto ta normal então você passa o mouse em cima dela e ela fica opaca..
Já estou usando HEHE
Enfim, é isso que eu vou ensinar vocês colocarem.
Se estiver interessado, por favor leia mais ^-^


Para começar, obrigado e créditos ao blog Fogos de Artificio e Extras 4 You (blog excluido).


Vamos começar?

1° -  Vá para Modelo -> Editar HTML e procure por 
]]></b:skin>

2° - Depois que achar a Tag, cole acima dela o seguinte código
/*** Opacidade Nas Imagens ~ By: Isabela Extras 4 You! ***/ 

.post img{ border-radius: 5px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
 -webkit-transition-duration: .50s;}
 .post img:hover{ border-radius: 5px; filter:alpha(opacity=70); 
-moz-opacity:0.70; opacity:0.70; -webkit-transition-duration: .50s;}
Espero que gostem e façam bom proveito, beijos.

2 comentários: