Efeito preto e branco nas imagens do blog

Hoje o post é um tutorial de como instalar o efeito "preto e branco" nas imagens do blog.

Demonstração:
Passe o mouse sobre a imagem abaixo:

PARA INSTALAR NO SEU BLOG: 


1. Entre no seu blog > Modelo> Editar HTML. Dê "Ctrl+F" e procure por ]]></b:skin>  ACIMA dessa tag cole o seguinte trecho:


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


2. Para aplicar o efeito utilize esse código:


<img src="IMAGEM" class="pb">






Veja também

Comentários

Sua opinião é muito importante!
:3 :p :s :9 :| :'( :8( ;) :D :( 8) :)

Postar um comentário