Efeito Sépia nas imagens do blog

Boa noite leitores!

Hoje trago um Tutorial super simples, mas que pode dar um lindo charme no seu blog, se for usado com bom censo.

Já queria trazer este tutorial a algum tempo, gosto bastante deste efeito, que por acaso, estamos usando aqui no blog! 

É conhecido em alguns blogs, e sem contar que tem vários outros efeitos do tipo, mas quero explicar esse do meu jeitinho.

Se gosta deste efeito, continue lendo e saiba como fazer!

Bom, é super simples! Abra o HTML do seu blog, pressione Ctrl+F e na caixinha que aparecer cole ]]></b:skin>

Acima do código procurado cole

img {

-webkit-filter: sepia(0%);

transition:All 0.4s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

}

img:hover {

-webkit-filter: sepia(100%);

transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;}

Salve.

Pronto! Agora todas as imagens do blog estarão com este efeito!  Super fácil né?
Se quiserem outros efeitos do tipo, é só pedir por comentário, ou Ask.

Créditos ao blog Cherry Bomb pelo código!

Beijos!