Efeito Grayscale

Meus Pandinhas vamos ao ultimo tutorial de hoje,sabe esse efeito que quando passa o mouse fica preto e branco hoje vou ensinar a vocês como usar

ele:

1. Vá até editar HTML e procure por ]]></b:skin>. Acima da tag, cole o seguinte:

img:hover {-webkit-transition-duration: .50s;filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(1);}
img {-webkit-transition-duration: .50s; opacity:0.99;-moz-opacity: 0.99;filter: alpha(opacity=99);}

E Pronto o efeito ja ira aparecer nas imagens