Imagens Preto e Branco // Hover

Tutor Simples hoje. 

Efeito:::: Ao passar o mouse a imagem fica preto e branco.

Let's Go!!

Para deixar em todas as postagens do blog:

- Vá até Modelo >> Editar HTML >> Aperte Ctrl+ F e pesquise ]]></b:skin> , acima dele cole o código abaixo:

.post-body img { -webkit-filter: grayscale(0%); -webkit-transition-duration: 0.60s; } .post-body img:hover { -webkit-filter: grayscale(100%); -webkit-transition-duration: 0.60s; }

Para usar em algumas imagens:
- Vá até Modelo >> Editar HTML >> Aperte Ctrl+ F e pesquise ]]></b:skin> , acima dele cole o código abaixo:

.pretoebranco { -webkit-filter: grayscale(0%); -webkit-transition-duration: 0.60s; } .pretoebranco:hover { -webkit-filter: grayscale(100%); -webkit-transition-duration: 0.60s; }

Agora vá em Layout >> Adicionar um Gadget >> HTML/JavaScript e cole o código abaixo:

<img src="URL DA IMAGEM" class="pretoebranco">