Efeito sépia nas imagens do blog

by - 30.5.13

                                                


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

You May Also Like

4 Comentários

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

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

    ResponderExcluir
    Respostas
    1. 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. =^.^= 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, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)