12 de jan de 2013

Efeito sépia nas imagens do blog


Oi pessoas, desculpem a demora de postar hoje. É por hoje eu tou movida a preguiça.. Mas eu achei um tutorial bem bacana, eu simplesmente AMEI, vamos lá?!

Designer >> Editar HTML >> CTRL + F (ou F3) e procure pela seguinte tag:
]]></b:skin>

Acima da tag procurada, cole o seguinte 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;}

Gostaram? Achei lá no blog Cherry Bomb

2 comentários:

  1. -_- ha nao funcionou no meu blog . to seguimdo segue de volta http://re-blush.blogspot.com.br/

    ResponderExcluir

- Comentários só de divulgação do seu blog, sem nenhuma opnião do assunto serão ignorados
- Faça comentários sobre o post
- Sejam educados, e não use palavrões
- Faça essa blogueira feliz, COMENTE