Efeito Grayscale

Boa tarde ~~ 

Ola meninas tudo bem? bom meninas hoje já postei bastante né? bom mais vamos ao assunto principal da postagem

o assunto de hoje vai ser sobre um efeito chamado " Grayscale " é um efeito bem legal meninas bom se vocês quiserem

visualizar o efeito é só clicar " Aqui " bom o efeito é bem legal com eu disse né eu gostei e no meu próximo layout em vou colocar ele

e meninas eu vou tentar fazer 2 Layouts o 1° Para vocês e o 2° para o blog sabe espero que vocês gostem porque eu vou me dedicar e muito para esses Layouts porque gosto muito desse blog né como vocês já sabem eu me dedico bastante a esse blog  

Meninas, desculpem eu não ter postado esses dias eu vou explicar é porque eu fui na casa de uma amiga minha e passei 3 dias sem internet foi horrível e ao mesmo tempo bem divertido nunca pensei que passaria 3 dias sem internet ou seja 72 horas \o/ de verias ganhar um premio por ficar 72 horas sem internet sabe porque a minha amiga não tinha computador e sem internet para mexer no celular então já sabem né, mais esse não é o assunto de hoje o assunto de hoje é o efeito então GO !!!

Vamos até o " Editar HTML " e vamos pesquisar por " ]]></b:skin> " e adicione o código seguinte antes.

.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;}

Aonde você quiser que o efeito apareça coloque e preencha.

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