sábado, 14 de dezembro de 2013

Primeiro Tutorial: Efeito sépia nas imagens do blog

Hello Teens! Como estão? Bom, esse é meu primeiro post e primeiro tutorial. 
Estão afim de ver esse tutorial? Só clicar em "Leia Mais"
É muito simples. 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;}

E agora só salvar e pronto! Todas as imagens iram ficar com efeito automaticamente.
Bem mais simples do que você imaginava não é? Espero que tenha gostado. kiss :*

Nenhum comentário:

Postar um comentário