Efeito sépia nas imagens do blog

Hello Pandas! Como estão? Eu estou com saudades do blog. Tenho postado pouco porque acabei tendo que trabalhar nestas férias. No fim das contas não pude fazer muita coisa que pretendia fazer, mas estou dando o meu melhor para manter o blog atualizado. 

 O tutorial de hoje vêm sendo pedido desde que eu mudei o layout. Sei que todos vocês estão loucos de curiosidade para saber como eu fiz esse efeito de mudança de cor ao passar o mouse nas imagens do blog. Então mate sua curiosidade clicando em "Leia Mais ♥-♥".
É muito simples. Abra o HTML do seu blog é cole o seguinte código acima de ]]><b:skin>

Código

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

É só salvar e pronto! Todas as imagens irão ficar com o efeito automaticamente. Bem mais simples do que você imaginava não é? Espero que tenha gostado. Kissus!