Efeito sépia nas imagens do blog

|

Hello cherries! Como estão? Eu estou com saudades do blog. Tenho postado pouco porque acabei tendo que trabalhar nestas férias. No fim das contas não pude fazer muita coisa que pretendia fazer, mas estou dando o meu melhor para manter o blog atualizado.

O tutorial de hoje vêm sendo pedido desde que eu mudei o layout. Sei que todos vocês estão loucos de curiosidade para saber como eu fiz esse efeito de mudança de cor ao passar o mouse nas imagens do blog. Então mate sua curiosidade clicando em "Continue lendo".
É muito simples. Abra o HTML do seu blog é 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;}

É só salvar e pronto! Todas as imagens irão ficar com o efeito  automaticamente.
Bem mais simples do que você imaginava não é? Espero que tenha gostado. Kissus!

Gostou do tutorial e quer reblogar? Leia as regras primeiro!




Related Posts Plugin for WordPress, Blogger...