Efeito sépia nas imagens do blog
Yoo ~ ! Como estão?
Bom esse é meu 1º tutorial... legal não?
Como Fazer...
É 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!
retirado do blog Cherry Bomb.::. http://cherry-liah.blogspot.com.br/2013/01/efeito-sepia-nas-imagens-do-blog.html .::.

Nenhum comentário:
Postar um comentário