como colocar a foto branco e preto ou sépia

1. "Preto e Branco ou Sépia"Qual fica mas bonito
Olá meus amores do core estou trazendo para vocês um tutorial que eu vi no blog (Go
Imagine) Que de vocês gosta de efeitos na postagens...todo mundo não é kkkk.o que eu trago
são dois efeitos sobre as imagens: (PRETO E BRANCO) e (SÉPIA) quando passarem o mouse
em cima veram o efeito houve.....
BLACK OU BRANCO
passe o cursor em cima e vera o efeito
Abra o seu (editor/html) e procure o ]]></b:skin> e acima dele cole este código
.pb {
-webkit-transition-duration: .90s;
}
.pb:hover {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
}
Quando vocês quiserem usar o efeito.... Coloque este código no(HTML) na postagem
<img src="link da imagem" class="pb">
SÉPIA

2. Abra o seu (html/editor) é só repetir o mesmo procedimento feito no passo anterior busque
por ]]></b:skin> e cole este código aqui acima dele
.sépia {
-webkit-transition-duration: .90s; }
.sépia:hover {
-webkit-transition-duration: .90s;
-webkit-filter: sepia(100%); }
Quando quiser este efeito também...cole este código (html) da postagem
<img src="link da imagem" class="sépia">