New- Efeito Sépia nas imagens do blog!

Oii meus docinhos! Tudo bem?

Hoje eu vim trazer um tutorial de como colocar efeito sépia nas imagens!!!

Bem é muito simples(ou não tanto assim), e é muito legal de fazer e fica lindo. 

Bem clique em leia mais e vamos ao tuto!!

Bem este é o TUTORIAL de como colocar Efeito Sépia nas imagens das posts do blog.

É simples. Abra o seu blog, e vá em Modelo, Editar o HTML e procure pela Tag: ]]></b:skin> e cole o código abaixo, acima da tag:

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ó modificar os números, na opacidade que você quer e pronto, vai ficar super legal.

Beijoosss

Créditos: Cherry Bomb