tutorial

Efeito sépia nas imagens do blog

fevereiro 13, 2013,4 Comments


           Olá cheirosas . Pediram nos comentários e eu to fazendo , e como muda a cor da imagem do seu blog , eu escolhi um que fica lindo e o meu favorito que o sépia . /bia



Primeiro passo vá em modelo > edita HTML > aperte ctrl+f e procure por ]]></b:skin>  Cole esse código em cima dele 


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! 




You Might Also Like

4 comentários:

  1. Como voces colocam plano de fundo(?) no cabeçalho da pagina? Eu ja tentei mais nao consigo teria como ensinar?
    Obrigada bjos

    ResponderExcluir
  2. Este comentário foi removido por um administrador do blog.

    ResponderExcluir