Efeito sépia nas imagens do blog

Hello gente do CDT! Como estão? 

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 "Continue lendo".

É muito simples. Abra o HTML do seu blog é cole o seguinte código acima de ]]></b:skin>

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!