Efeito sépia nas imagens do blog

Oiii amores! Eu vim mostrar pra vocês um tutorial muito show que eu encontrei no Cherry Bomb, sobre como por efeito sépia nas imagens quando o cursor passa por cima delas. Como vocês podem ver eu já adicionei no meu blog e amei.

Primeiro vá em modelo, depois editar em HTML. Depois aperte Ctrl+F e procure dentro da caixinha que se abriu ]]></b:skin>, e colar o seguinte código acima dele:

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 ficam com o mesmo efeito!

Gostaram? Bjs da Rafa!