Deixando o blog mais bonito: Efeito sépia nas imagens do blogger
Olá meninas, como estão?
O post de hoje é pra você que tem blog e gostaria de deixa-lo com uma cara nova, eu sei como é bom personalizar o blog sempre que possível afinal uma boa impressão é sempre bom. Sendo assim, que tal usar um efeito legal nas imagens do blogger?
O tutorial de hoje ai ensinar vocês a mudar a cor das imagens, o efeito sépia acontece quando passamos o mouse por sima das imagens. Maneiro né?
Então, é muito simples. Abra o HTML do seu blogger e marque a opção "expandir" e cole o seguinte código acima de ]]></b:skin>.
Para encontrar o código acima mais fácil de Ctrl + F e digite o código na aba lateral, que irá abrir logo abaixo da aba de favoritos.
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;}
Antes de salvar, clique em "visualizar" e veja se esta tudo OK com o template do seu blog. Esta tudo certo? Sendo assim é só você salvar e pronto. Lembrando que essa dica serve apenas para blogs do BLOGGER.
Gosto do post? Então curta a nossa FAN PAGE e fique informada sobre os próximos posts.
Possui uma conta WordPress? Segue nossa página!
OBS: O gif infelizmente nao funcionou :S
Xoxo Loow
0 comentários