Tutorial - Efeito Hover nas imagens do blog

Yoo ~~

Trouxe 2 efeitos legais para você deixar nas imagens do seu post !

Efeito Preto e Branco e Desfoque na imagem do post.

Vamos ver ?!

Vá no seu HTML e procure por:

]]></b:skin>

Se você quiser o efeito preto e branco cole o código abaixo Acima da tag !

.peb{-webkit-transition: -webkit-filter 1s; }

.peb:hover{-webkit-filter: grayscale(100%); }

Salve, depois no post aplique a imagem desejada e faça que nem no print abaixo: 

Antes da tag  ... /></a></div> no espaco antes de /> cole:

class="peb"

Para o efeito desfoque você ira colar a tag abaixo antes de ]]></b:skin>

.blur{-webkit-transition: -webkit-filter 1s;} 

.blur:hover{-webkit-filter: blur(2px); }

E faça o mesmo processo na postagem só que no de vez colocar class="peb" cole:

class="blur"