Helena
Vaga
Vaga
Vaga

4.2.13

Efeito Sépia nas imagens do blog

| |

Boa noite leitores!

Hoje trago um Tutorial super simples, mas que pode dar um lindo charme no seu blog, se for usado com bom censo.
Já queria trazer este tutorial a algum tempo, gosto bastante deste efeito, que por acaso, estamos usando aqui no blog
É conhecido em alguns blogs, e sem contar que tem vários outros efeitos do tipo, mas quero explicar esse do meu jeitinho.
Se gosta deste efeito, continue lendo e saiba como fazer!


Bom, é super simples! Abra o HTML do seu blog, pressione Ctrl+F e na caixinha que aparecer cole ]]></b:skin>
Acima do código procurado 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;}
Salve.

Pronto! Agora todas as imagens do blog estarão com este efeito!  Super fácil né?
Se quiserem outros efeitos do tipo, é só pedir por comentário, ou Ask.

Créditos ao blog Cherry Bomb pelo código!

Beijos!


Nenhum comentário:

Postar um comentário