04/12/2013

Tutorial para Blog: Efeito Sépia na Imagens

CRÉDITOS: Cherry Bomb
Oi meus amorecos (U.U)
A minha carinha tinha que ser feliz, mas não consegui fazer... kk :)
Bom, hoje trago o 1° tutorial do meu blog: Colocando efeito Sépia nas Imagens <3
Eu adoro esse tutorial, mas pedi para minha amiga Isis não colocar pois qualquer imagem que tem no blog, quando passa o mouse'' fica o efeito sépia, as vezes é chato mas eu adoro esse efeito!! *uuuuuuuuu*
Bom, ele é super-simples e não tem nem o que explicar direito ^^ Espero que gostem e amem !

Clique em Leia Mais >>


Como eu disse, nem tem o que explicar direito, basta:

1. 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! :D
Viu como é fácil, e simples? Hahaha, tchauzinho *u*
(coloquei esses anéis no final, pois achei divo ;) e queria, que vocês fissem!).

4 comentários:

  1. Euu amoo esse efeito , seu blog é lindoo ;)
    Seguindo o blog assin que puder , retribui ?

    Kisses : sapatilhadecriistall.blogspot.com.br

    ResponderExcluir
  2. Que tutô legal, não conhecia! :)
    Estou seguindo o seu blog, poderia seguir o meu também? Fiz ele há 3 dias :)

    Sweeting ♥

    ResponderExcluir

Comente algo haver com a postagem, sem xingamento e deixe o link de seu blog para eu visitar :3