Tutorial - Efeito preto e branco (HTML)

Natsu invadindo postagem: Yuri, justifique o texto da postagem e use um pouco de negrito e etc.

Oi lindinhos (^_^)/\(^_^)

Acabei de descobrir que os ingressos para o show do One Direction começará a vender dia 24, estou super animada porque todo o esforço que eu fiz para guardar dinheiro não foi em vão, estou com vontade de sair pela rua pulando de tanta alegria. Quem vai no show do Rio de Janeiro bate aqui O/ u.u

Hoje eu não trouxe materiais para vocês, me desculpem. Mas eu trouxe um tutorial, finalmente. O tutorial é como deixar o hover de suas imagens em preto e branco no HTML. Pelo que eu percebi tem vários blogs usando esse efeito, e achei uma boa ideia disponibilizar aqui. Vamos ao tutorial -qq

1. Procure pela tag: ]]></b:skin> e acima dela cole:

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

2. Use esse código para aplicar na sua imagem

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