Tutorial | Efeito Sépia nas Imagens

2 Comments

Olá minhas lindas, o tutorial de hoje é para deixar aquele feito sépia nas imagens quando passar o mouse sobre elas.
























Quer ver mais ? Só continuar lendo


É 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;}
É só salvar e pronto! Todas as imagens irão ficar com o efeito  automaticamente.









Tags:

Share:

2 comentários

  1. Pam Dal Alva31 de janeiro de 2015 às 14:01

    Não sabia desse jeito, costumo colocar efeito ..

    Bjos :*
    www.eraoutravez.com

    ResponderExcluir
  2. Ingrid Camargo3 de fevereiro de 2015 às 02:35

    Que Máximo! Muito legal saber disso, eu coloca os efeitos nos programas que tenho mesmo...Adorei a dica e o blog! Beijos

    www.patychiqueblog.blogspot.com.br

    ResponderExcluir

Olá, obrigada pela sua visita, aproveite e deixe seu comentário ♥