Tutorial Efeito Fade nas Imagens


Olá Chocolates Com Caramelo!!
Hoje eu vou ensinar a fazer o Efeito Fade nas imagens, é bem simples e fácil.
1. Vá no HTML do seu blog, tecle em CTRL+F e procure por:

]]></b:skin>

2. Acima desta 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 edite o número destacado e salve.





19 comentários:

  1. Adorei os tutorias, adorei o blog, seu blog é 1000!
    Quero sim ser sua afiliada! Já virei sua "Lobinha"!
    Já seguiu meu bloguinho? Bjs, continue assim! Ah, ia ficar bem bonitinho no seu blog, nos títulos dos Gadgets, uma faixinha rosa...!

    oblogdarayzinha.blogspot.com

    ResponderExcluir
    Respostas
    1. wooont' brigadinha florr
      Ja segui seu blog (^.^)

      Vou colocar vc como afiliada agr mesmo...

      Excluir
  2. Yoo!!! Efeito legal!

    Nee nee, aceito parceria! (blog estrela... que inveja, kakaka!)
    Teria jeito de fazer um button 88x31? (espero respostas / Gaby Otaku)

    ResponderExcluir
  3. Omg! alguém anda usando meus cursores!!!!!! aleluia,aleluia aleluia aleluia aleeeeeluia!
    aleluia,aleluia aleluia aleluia aleeeeeluia!
    Ta chega ¨-¨ obrigada flor!!!!! ^w^

    ResponderExcluir
    Respostas
    1. kkkkk' vai me dizer que ninguém usa? são todos muito lindos!!!

      Excluir
  4. Oie flor, vou te colocar seu blog nos meus afiliados, obg por passar no D.d.G(Diário de Garota) volte sempre!Seu blog é muito kawaii seguindo!Bjux
    http://diariodemeninas2s2lovedays.blogspot.com.br/

    ResponderExcluir
  5. Gostei do tutorial, acho que vou postar também no meu blog.

    ResponderExcluir
  6. Lindo o efeito ^^
    Nee nee desculpe-me a demora parar responder,eu aceito sim seu pedido de afiliação e parceria ja vou lhe colocar lá,e porfavor me coloque aqui

    ResponderExcluir
  7. Seu blog é lindo!
    Você já é minha afiliada!
    Estou seguindo^-^!
    http://prettyanimeblog.blogspot.com.br/

    ResponderExcluir
  8. Desculpa a demora, amore já acc a afiliação com seu blog ok?

    Adolescente Nerd

    ResponderExcluir
  9. Yo gostaria de fazer uma parceria com a nossa webradio?
    - Nome do site: Rádio Asia Mix
    - Url: http://www.radioasiamix.com.br/
    - Email: comercial@radioasiamix.com.br
    OBS: Parceria pode ser por banner ou player, onde seria melhor por player (com ou sem autostart dependendo da sua escolha).

    ResponderExcluir

- Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Não aceito tags nem selinhos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo todos os comentários.