Colocando efeito sépia nas imagens do seu blog

O meu primeiro tutorial aqui no blog será de como colocar efeito sépia nas imagens de seu blog.

Primeiro, vá em: modelo > editar HTML > tecle CTRL e digite na caixa de pesquisa: </b:skin>. Acima de ''</b:skin>'', coloque este 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;}

Agora, salve. Pronto! Já está o efeito sépia nas imagens do seu blog.