Efeito preto e branco na imagem



ooi lindos e lindas , tudo bom com vocês ? Então , faz um tempo (4 dias ) que eu não posto *o* , e hoje pra matar a saudade de vocês , resolvi ensinar como personalizar a imagem do seu post , deixando ela preta e branca . Bom vamos conferir ?
Primeiro de tudo vá em -> modelo ->Editar Html ->clique em expandir modelos de widgets 

Agora aperte ctrl + F e procure por :]]></b:skin>
Depois  ACIMA da tag cole :
img
{-webkit-transition-duration: .50s;}
img:hover
{filter: saturate(4);
-webkit-filter: saturate(4);
-moz-filter: saturate(4);
-o-filter: saturate(4);
-ms-filter: saturate(4);
-webkit-transition-duration: .50s;}
 .post img {border: 1px solid #eeeeee;opacity: 0.6;-webkit-transition: 0.5s;text-align: center;-webkit-transition-duration: .40s;}.post img:hover {opacity: 1.0;border: 1px solid #666666;-webkit-filter: saturate(0%) ;}
Pronto , fácil né ? E ai gostaram ? Comentem !

5 comentários:

  1. Amo este efeito preto e branco é lindo . talvez coloque no meu próximo lay ! Já estou te seguindo ... Somos duas Clarinhas . hahaha.
    Segue?
    http://todasdesastradas.blogspot.com.br/

    Bjs

    ResponderExcluir
  2. Gostei do tutorial flor, mando muito bem, e eu acho que vou usar em um dos meus posts!
    PS: Passei aqui pra te desejar feliz aniversário, você comentou lá no blog que dia 7 era seu aniversário. Mas eu não pude entrar no blog ontem, então resolvi deixar a mensagem hoje mesmo. Enfim, tudo de melhor nesse mundo, que todos os seus sonhos se realizem, e que você seja muito feliz!

    http://www.baudamalu.com

    ResponderExcluir
  3. Adorei o tutorial, realmente o efeito fica bem bonito. :D

    www.ecleticus.com

    ResponderExcluir
  4. Ooi amore , tem selinho pra você lá no blog *-*

    http://myunfulfilleddream.blogspot.com.br/2012/12/selinho.html#more

    ResponderExcluir
  5. O efeito é lindo! Perfeito para layouts rocker ^^

    Luce ~ Unicorns of Plush

    ResponderExcluir