Efeito Sépia nas imagens

Hey, trouxe um tutorial pra vocês! Não sou de da ênfase nesse assunto, o blog aborda mais para o outro lado, mas como eu trago de tudo um pouco não pode faltar também um tutorial, né? Enfim. Sabe o antigo Layout daqui do blog? Pronto. Não sei se perceberam, mas assim que você passava o mouse nas imagens tinha efeito de mudança de cor, era um efeito sépia, era bem legal e vou ensinar a vocês! Muito Simples :)

Basta Abrir o HTML do seu blog e colocar o seguinte código acima de ]]></b:skin>

mg {

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