Image Map

Tutorial - Efeito sépia nas imagens do blog


Olá amores.Desculpe estar um pouco ausente quando entrar de férias prometo entrar mais.Hoje trago um tutorial bem simples que é como colocar o efeito sépia nas imagens do blog.Ficou curioso para saber?Clique em "Leia Mais" e confira!




Para começar,abra o HTML do seu blog e cole o seguinte código acima de ]]></b:skin>


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

Agora é só salvar e pronto,todas as imagens vão ficar com o efeito automaticamente.

Tutorial Créditos: Cherry Bomb

Kisses gente...

/Juuh

Nenhum comentário:

Postar um comentário