Efeito Sépia nas Imagens do Blogger

Hoje Vou ensinar Como Colocar Efeito Sépia nas imagens como aqui no blogger Você Coloca o mouse acima da imagem e logo muda a cor para sépia Como na imagem abaixo Clique em ''Leia Mais'' e veja o Restante :)

Imgem Normal:

Imegm com efeito Sépia

Bem o efeito e muito legal e nois do Tw Criticas ja estamos com o codigo desse mega efeito totalmente pronto para repassar para vocês sigam de passo a passo Vamos Começar:

1°Passo:

Va no blogger > Modelo > Editar HTML > Aperte Ctrl+F ou F3 e procure por ]]></b:skin>

e acima cole o seguinte Código:

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

Pronto ja esta Tudo Certo agora é so Salvar Modelo e Curtir mais essa novidade no seu blogger Se estiver Com Duvidas ou alguma pergunta ou sugestão de tutorial e so perguntar nos Comentarios ou na nossa C-box que ja foi instalado com êxito.

:) Tchau e até o próximo Tutorial.