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
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.
Gostei,e ainda deixa a borda meio que redonda :3
ResponderExcluir^-^
Excluir