Mini tutorial efeito preto e branco

Oii meus cupcakes de batata doce isso existe? ,hoje vou ensina-los a fazer um efeito que fica lindo que eu achei lá no Tumblr de HTML chamado Single Themes,então créditos totais a ele,Ok? ele é bem simples é ótimo para imagens para posts,a imagem fica normal, mas quando passa o mouse as cores vão mudando para preto e branco... veja o preview aqui,agora vamos deixar de enrolação e vamos ao tuto...

Primeiro procure por ]]></b:skin> e acima cole:

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

e isso aonde for usar:

<img class="pb" src="LINK DA IMAGEM" />

Fácil,Né? espero que tenham gostad

bjo de luz