25.5.14

Como por efeitos de cores ("preto e branco & "sépia") nas imagens do blog?

✿ fσℓℓσω уσυя ∂яєαмѕ!

Olá gente, que saudade! Faz uns dias que não venho aqui, e bom já respondi todos os e-mails e comentários de você leitoras ^^
Bom agora vou atender o pedido de mais uma leitora MB que pediu para eu fazer um tutorial ensinando como por efeitos de cores nas imagens do blog. É só seguir o que se pede que vocês chegaram lá com o efeito, é super fácil. E achei 2 tutoriais, um com o efeito apenas "preto e branco" quando você passar o mouse, e outro apenas da cor "sépia". Vejam:


Preto e Branco

Abra seu HTML e cole o seguinte código acima de ]]></b:skin>
.pb {
-webkit-transition-duration: .90s;
}
.pb:hover {
-webkit-transition-duration: .90s;
-webkit-filter: grayscale(100%);
}

E quando quiser usar o efeito, cole o seguinte código na guia "HTML" da postagem ou em um gadget de "HTML/JavaScript"
<img src="link da imagem" class="pb">


Sépia

Abra seu HTML e cole o seguinte código  acima de ]]></b:skin>

.sépia {
-webkit-transition-duration: .90s;
}
.sépia:hover {
-webkit-transition-duration: .90s;
-webkit-filter: sepia(100%);

E quando quiser usar o efeito, cole o seguinte código na guia "HTML" da postagem ou em um gadget de "HTML/JavaScript"
<img src="link da imagem" class="sépia">

fonte: www

4 comentários:

  1. você já está nos meus afiliados .<3
    Bjs
    http://pqtodassomosdivas.blogspot.com.br/

    ResponderExcluir
  2. Já sabia do tutô, mas não deixa de ser útil
    Poison - Novidades -

    ResponderExcluir

- Se tive alguma dica, diga! =)
- Alguma dúvida ou algum pedido? Comente!
- Sim, visito o seu blog, mande o link! =D
-Favor não ofender ninguém, elogios e criticas são bem vindos, mas mantem o respeito!
Obrigada, MB!

Copyright © 2016 | Design e Código: Mistério do Brilho e Sanyt Design | Tema: Viagem - Blogger | Uso pessoal • voltar ao topo