Efeito Sépia

 

Olá pessoal hoje vim com um efeito bem legal que o efeito sépia aquele que deixa as imagens do blog com um amarelado e um pouco preto.
Vamos ao tutorial.

O tutorial vai ser Efeito sépia nas imagens do blog, para quem usa o Google Chrome talvez dê para ver esse efeito. As imagens quando passa o mouse acima dela elas vão ficando marronzinhas. É esse o efeito.

E ele é simplesinho.

Vá em Modelo>>Editar HTML>>Aperte Ctrl+F e procure por:

   ]]></b:skin>

E acima dele cole:

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 pronto é só salvar.

Créditos: Cherry Bomb

Espero que tenham gostado.