Tutorial : Efeito Sépia Nas Imagens Do Blog !

Hooy Pessoal!O Tutorial de hj é : Como colocar efeito sépia nas imagens do Blog!
Mtas pessoas olham blogs e veem este efeito e ficam se perguntando como faze-lo ,bom,é mtu fácil e simples,acho que  + fácil do que imaginavam 
Vamos Lá!
(Este tutorial pertence ao Blog : Cherry Bomb ! )
Então,devidos créditos!


Vá em Modelo>Editar HTML e dê  Ctrl + F e procure por  ]]></b:skin>
Depois  Cole este código abaixo ACIMA da tag q vc procurou

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

E é só salvar e pronto!Agora,quando vc passar o mouse em cima das imagens vai aparecer o efeito sépia!

Fácil né?

Até o próximo tutorial,tchau!