Efeito hover nas fotos

O motivo dessa imagem?Eu não sei kkk

Oi!Como vão ?
Vocês por acaso já passaram o mouse por cima das imagens dos posts daqui ? Se não passe o.o
Ok ela por um passe de mágica fica preta e branca (é força do pensamento oh sqñ -')
Então querem aprender ?
(Primeiramente Créditos ao Go imagines)

Então existem 2 efeitos o Preto e Branco e o Sépia

O primeiro passo são iguais para os dois :
Vá em Modelo>Editar HTML>Ctrl+F e procure por ]]></b:skin>

Foi? Agora ACIMA desse código cole o efeito que escolheu: 

 Preto e Branco

                                                                          Tumblr(passe o mouse para ver o efeito)

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

Quando quiser usar o efeito vá em "HTML" do post e cole o seguinte código  

<img src="link da imagem" class="pb">

                                                         

Sépia

                                                                               Tumblr (passe o mouse para ver o efeito)
                                                                

                                                                             

.sépia {
-webkit-transition-duration: .90s;
}
.sépia:hover {
-webkit-transition-duration: .90s;
-webkit-filter: sepia(100%);
} 

Quando quiser usar o efeito vá em "HTML" do post e cole o seguinte código  

<img src="link da imagem" class="sépia">

Simples assim ! 

E tem como usar os dois efeitos no blog é só colar um código e depois o outro (óbvio) e o efeito também funciona em gif hehehe 

Fui-me