Tutorial: Imagens Do Post Em Preto E Branco


Olá, mocinhos e mocinhas!

Como vão vocês? Eu estou super feliz, principalmente por causa desse layout. Eu não sei por que, mas eu estou achando ele tão bonito, tão diferente, dá vontade de ficar olhando pra ele o dia todo... Mas tudo bem, vou me controlar, até porque eu tenho que postar, e pra isso eu preciso estar concentrada. Principalmente porque hoje eu resolvi trazer mais um pedido do blog: um tutorial!

O tuto é de como deixar as imagens do post com efeito houver preto e branco. Esse tutorial foi pedido pela Alana. Ah, antes que eu me esqueça do tal joguinho, eu adiei o resultado pra amanhã, assim dá mais tempo pra todos participarem, ok?

Exemplo:



1º: Vá em seu HTML e procure por ]]></b:skin>. Quando achar, cole, acima, esse código:


.pb {
-webkit-transition-duration: .90s;
}
.pb:hover {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
}

2º: Quando for usar é só colar esse código abaixo antes de /></a></div> (Você encontra esse código no HTML do post):

class="pb"

Qualquer dúvida é só perguntar.
Créditos: GI

4 comentários:

  1. Ah, o efeito fica tão fofo :3
    Flor,eu e a Danny,do Hey Asian, no qual você pediu afiliação, aceitamos a afiliação sim. Nos coloque dentro de 2 dias que nós faremos o mesmo logo depois de nos colocar certo?

    wonderlandtimee(blogspot_com)
    hey-asian(blogspot_com)

    ResponderExcluir
    Respostas
    1. Fica mesmo ^^ Já coloquei seu bloguito lá, flor.

      Beijinhos *-*

      Excluir
  2. Ótimo tutorial, gostei do efeito ^.~
    cr4zy-world.blogspot.com

    ResponderExcluir

Fique à vontade para comentar.
Peço apenas que não xinguem ou ofendam aos outros leitores.
Obrigada.