Efeito Grayscale

Boa tarde ~~ 

Bom, acho que alguns não viram, mais outros já ! Eu estou participando de um novo blog chamado Papo de Blogueiro, junto com a Liah do Cherry Bomb, a Kaorii do Kawaii World e o Levi !. Bom o blog ainda ta em construção, mais até terminar você pode segui-lo AQUI !OBS: Ele ainda ta fechado, mais assim que abrir eu aviso vocês, por aqui ou pelo facebook !   

Mais em fim, me pediram na ask, para que eu postasse um efeito chamado Grayscale. Ele é um efeito hover, você passa o mouse nele e ele fica em preto e branco com um efeito bem legal ! Visualize ele aqui.

Vá até Modelo > Editar HTML e procure por ]]></b:skin>. Acima dessa tag, cole o seguinte:

.blurgray {-webkit-filter: grayscale(0) blur(0px);-webkit-transition:All 1s ease; 

-moz-transition:All 1s ease; 

-o-transition:All 1s ease; } 

.blurgray:hover { -webkit-filter: grayscale(1.0) blur(1px);-webkit-transition:All 1s ease; 

-moz-transition:All 1s ease; 

-o-transition:All 1s ease;}

Agora aonde você quiser que o efeito apareça cole:

<img src="url da foto" class="blurgray">