Carta para talvez Ex-melhor amiga

Leia mais

Quem é você Alasca?

Leia mais

Carta para o futuro namorado

Leia mais

Ciumes

Leia mais

Tutorial - Imagens do Blog com Efeito Fade

Tumblr_lmz131ffsl1qfdig2o1_500_large

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

14 comentários:

  1. awn, acho tão lindo esse efeito, mas nunca consigo fazer funcionar no meu layout ):

    bygarotas .blogspot.com

    ResponderExcluir
  2. que lindo,estava mesmo precisando desse tutorial *-*. Adorei! Beijinhos, Katty
    http://www.minhasvirtudes.com.br/

    ResponderExcluir
  3. Comigo nunca da certo,mas vou tentar :)

    Beijos,
    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)

    ResponderExcluir
  4. Não gosto muito do efeito pro meu, mas depende do estilo do blog mesmo, auhuhaauh :~
    Beijos ♥

    Conspirantes

    ResponderExcluir
  5. Oii flor amei seu blog e o post *-* adoro editar o layout e com a dicas daqui isso fica bem mais facil
    Segue ? www.nicolecorreaa.blogspot.com

    ResponderExcluir
  6. legal! pela primeira vez consegui fazer alguma coisa diferente no meu blog, sem precisar da ajuda de ninguem, rs
    beijinhos e brigada pela dica...
    karinafotolog.blogspot.com

    ResponderExcluir
  7. Muito legal! Boa dikinha... ;D Adorei.
    Bom domingo.
    ;3

    ResponderExcluir
  8. Adorei demais o tutorial, mas queria uma opacidade menor...
    Beijos @LeLuSantos http://lelusantos.blogspot.com.br/

    ResponderExcluir
  9. Adorei o efeito *-* Lindo blog parabens --- http://teen-the-time.blogspot.com.br/

    ResponderExcluir
  10. Muito bom o efeito. Ainda apliquei bordas arredondadas no hover

    ResponderExcluir
  11. Muito bom! Eu usei, viu? Adorei... *-*
    Parabéns pelo tuto (:

    ResponderExcluir
  12. Não funcionou no meu blog. :'(

    adolescentelouco-lol.blogspot.com

    ResponderExcluir