22 de jan de 2013

Efeito sépia nas imagens do blog

Oi Oi Gente!
Venho com mais um tutorial bem útil e bonito que pode deixar as imagens do seu blog com um ar mais "despojado" to sem ideia pra postar então que tiver algum pedido a fazer peço que me comunique pelo ask ou pelos comentários mesmo! Totais créditos ao Cherry Bomb


É 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!

2 comentários:

  1. Olá flor, estou deixando um tag para você lá em meu blog! Espero que goste. Muitos Beijos - Jullie
    Link: http://iconectando.blogspot.com.br/2013/01/respondendo-tag-fernanda-cordeiro.html#more

    ResponderExcluir
    Respostas
    1. Ah flor nós não recebemos mais tags :(
      Espero que nos entenda...

      Excluir


- Antes de qualquer coisa, fale um pouco da postagem.
- Não desrespeite ninguém e nem o blog!
- Aceito criticas construtivas.
- NÃO aceito APENAS: Seguindo, segue de volta?