Tutorial
1. Vá no seu HTML, tecle ctrl f e procure por:]]></b:skin>
2. Acima dessa tag cole o seguinte código:
.main img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
-webkit-transition-duration: .70s;}
.main img:hover {
filter:alpha(opacity=45);
-moz-opacity:0.45;
opacity:0.45;
-webkit-transition-duration: .70s;}
3. Caso queira uma duração maior ou menor edite o número destacado e salve.
Credits: Sweet Poison
awn, acho tão lindo esse efeito, mas nunca consigo fazer funcionar no meu layout ):
ResponderExcluirbygarotas .blogspot.com
Que estranho, no meu também não funciona!
Excluirque lindo,estava mesmo precisando desse tutorial *-*. Adorei! Beijinhos, Katty
ResponderExcluirhttp://www.minhasvirtudes.com.br/
Comigo nunca da certo,mas vou tentar :)
ResponderExcluirBeijos,
Siimsenhorita (.tk) (O Blogger está excluindo blogs que comentam com o link, portanto se você for retribuir o comentário tire os parentes do link. Obrigada)
Não gosto muito do efeito pro meu, mas depende do estilo do blog mesmo, auhuhaauh :~
ResponderExcluirBeijos ♥
Conspirantes
Oii flor amei seu blog e o post *-* adoro editar o layout e com a dicas daqui isso fica bem mais facil
ResponderExcluirSegue ? www.nicolecorreaa.blogspot.com
legal! pela primeira vez consegui fazer alguma coisa diferente no meu blog, sem precisar da ajuda de ninguem, rs
ResponderExcluirbeijinhos e brigada pela dica...
karinafotolog.blogspot.com
Muito legal! Boa dikinha... ;D Adorei.
ResponderExcluirBom domingo.
;3
Adorei demais o tutorial, mas queria uma opacidade menor...
ResponderExcluirBeijos @LeLuSantos http://lelusantos.blogspot.com.br/
Adorei o efeito *-* Lindo blog parabens --- http://teen-the-time.blogspot.com.br/
ResponderExcluiraii ameii useii ok pq é lindo
ResponderExcluirMuito bom o efeito. Ainda apliquei bordas arredondadas no hover
ResponderExcluirMuito bom! Eu usei, viu? Adorei... *-*
ResponderExcluirParabéns pelo tuto (:
Não funcionou no meu blog. :'(
ResponderExcluiradolescentelouco-lol.blogspot.com