Tutorial: Efeito sépia nas imagens do blog

Yoo ◑•◐
Hoje, vou ensinar um tutorial que fica bem fofo no blog. Quando você passa o cursor na imagem ela fica com o efeito sépia (antiga, amarelada). É bem simples de fazer e vale a pena!

1- Vá em Editar HTML e procure pelo famoso ]]></b:skin> acima desse código cole:
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;}
E pronto! Agora todas as imagens do seu blog vão ficar com esse efeito
Créditos: One Dí Things

Até logo, e votem em um novo nome para o blog aqui!

7 comentários:

  1. odoro esse efeito *u*

    Beijos, Brenda do Gave Crazy

    ResponderExcluir
  2. Muito legal esse efeito.
    Abraços♥

    ResponderExcluir
  3. Você poderia fazer umas imagens de inio de post e uma de coloca no coisinho de Bem Vindo de caveiras?
    É que eu estou faznedo um designer e no meu programa não da pra fazer :/
    Obrigada.Ah,eu to visitando o blog pela primeira vez e achei lindo,as cores e imagens estão tão fofas >< Coreanas 3
    Beijos :3

    ResponderExcluir
    Respostas
    1. Sim sim Mari, quando puder eu posto! Obrigada

      Excluir