17/02/2013

Tutorial- Efeito Sépia nas Imagens do Blog

Olá, leitores.
Desculpe a ilustração de posts horrivel, é que ela foi feita no paint, pois estou no notebook do meu irmão e não tem programas de edição e eu não sei mexer muito bem nos editores online.
Uma leitora me pediu na ask o tutorial de como deixar as imagens do blog com o efeito igual as do CB quando passa o mouse é tipo um hover, então os créditos desse tutorial são Cherry Bomb.
1. Vá em editar HTML e procure por ]]></b:skin> e acima desse código cole:
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;}
Prontinho simples e bonito.
MetalKisses.
Lembrando plágio só confirma sua imcompetência, se pegar coloque os créditos.


2 comentários:

  1. legal esse tutorial,mas não gosto muito de efeitos que ficam em todas as imagens :-x
    Linda,indiquei seu blog para uma campanha de incentivo á leitura e adoraria que você participasse! Quando puder,dá uma passadinha lá :3 beijos

    ~~Quem precisa de tv para ver Beyoncé

    ResponderExcluir
    Respostas
    1. Eu vou demorar algumas semanas para postar a campanha, pois eu ainda não conheço tantos blogs para indicar.

      Excluir

- Não estou aceitando tags ou selinhos.
- Use os comentários ou a ask para fazer requests.
- Respondo todos os comentários e retribuo na maioria das vezes.
- "Seguindo! Segue de volta?" Depende, se você já tiver seguido realmente e eu gostar do seu blog.