Efeito sépia nas imagens do blog

by - maio 30, 2013

                                                


Olá minna, Como estão? Espero que bem^^
Para ter o efeito nas imagens é 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;}

Então é só salvar, bem fácil, não é? Não deu para demostrar, em breve farei um blog de teste!
Espero que gostem, kissus;3

Share
Tweet
Pin
Share
Tags : ,

You May Also Like

4 Comentários

  1. Anna30 de maio de 2013 às 16:01

    Obrigada pela dica, tentarei utilizar!
    abraços, tudo de bom!
    http://otheranna.blogspot.com.br/

    ResponderExcluir
  2. Gaby Misaki31 de maio de 2013 às 03:27

    Magina, tentarei postar mais tutoriais^^
    Kissus, tenha um bom dia^^

    ResponderExcluir
    Respostas
    1. Anna1 de junho de 2013 às 08:22

      vc é um anjo, obrigada mesmo por este trabalho todo e MUITO OBRIGADA por compartilhar seu conhecimento!
      abraços e tudo de bom!
      http://otheranna.blogspot.com.br/

      Excluir
    2. Gaby Misaki1 de junho de 2013 às 09:59

      =^.^= Fico honrada em ler isso!
      É muito bom poder compartilhar o que eu sei^^
      Bjuds ;*
      Tenha um bom sábado~~

      Excluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀｀*) (*≧∀≦*) (=´∀｀)人(´∀｀=) ( ･ ▽ ･)
ヾ(*^▽^*)o, ｡･ﾟﾟ･(>_<)･ﾟﾟ･｡ (＞ω＜；)＊(´∀`)ﾉﾉ＊
（。ゝω・）～♡ ﾍ(´∀｀ﾍ)ﾍ (╯°□°）╯•ᴥ• (´･ω･`)