• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

21 de janeiro de 2013

Efeito na Imagem - Do preto e branco para o Normal

Tumblr_mg9eddutdo1rspl5co1_500_large
Esse post irá ser muito curto pois é super fácil nem irei pôr 'leia mais'
Para sua imagem ficar igual ao do exemplo, cole isso acima de ]]></b:skin>:

img{-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;-webkit-filter: grayscale(100%)}
img:hover{-webkit-filter: grayscale(0%);}


-Lembrando que irá ficar em todas as suas imagens dos posts.

26 comentários:

  1. Esse efeito é muito lindo <33

    -Candy HTML

    ResponderExcluir
  2. Fica tão legal ^^ Talvez use :)

    Beijos :*
    pequena-julieta.blogspot.com
    Novo post!

    ResponderExcluir
  3. que lindo, irei usar em breve
    questao-deopiniao.blogspot.com.br

    ResponderExcluir
  4. Amei o efeito, simplesmente incrível! Será que tem como utilizá-lo apenas nos banners dos parceiros?

    Abraços,
    http://therevolucaonerd.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. não é possível apenas nos banners dos parceiros pois uma vez aplicado no html, ele fica em qualquer imagem dos posts, pois não precisamos de códigos em css pra isso :/

      Excluir
  5. Adorei o tutorial,é bem legal e o blog está lindo.

    ps:Lembra de mim?

    Beijos
    Cereja Divertida

    ResponderExcluir
    Respostas
    1. rs obg, desculpa não lembro de vc, pelo menos ainda não, irei visitar seu blog, talvez eu lembre :)

      Excluir
  6. Awwwn que fofo ~.~! Seguindo aqui amora, amei seu cantinho. Segue de volta? Beijos e uma ótima semana!
    Blog: http://blogparisvie.blogspot.com.br/
    Instagram: @gibertolini

    ResponderExcluir
  7. Aw, eu tava procurando esse efeito a séculos, lindo ele '0'

    Remember December

    ResponderExcluir
  8. Esse efeito é TIPO DIVO u-u eu adoro ele.

    jovenclube(.blogspot.com.br)

    ResponderExcluir
  9. Que divo *-* Ameii
    Kisses!!

    docemundokawaii.blogspot.com.br/
    cristaistutorial.blogspot.com.br/

    ResponderExcluir
  10. Seu blog é lindo!

    Estou seguindo aqui você.

    abraços!

    http://totalpinkprincess.blogspot.com.br

    ResponderExcluir
  11. Muito legal esse efeito né? Talvez eu use no próximo layout do blog. O bom é que também é super prático, não precisa colocar tal código quando vai postar a imagem, como já vi em outros tutoriais... Bjux

    Sweet Coconut and Plush Candies (pode ajudar visitando meu novo blog, anjo? Agradeço desde já)

    ResponderExcluir
  12. 450 seguidores, meta atingida! Super ansiosa para a surpresa!

    ResponderExcluir
  13. Sou PÉSSIMA em HTML, espero que dê certo, estou começando, nem postei ainda, estou ajeitando o desing :P
    petrificustolatus.blogspot.com.br

    ResponderExcluir