27 de fev de 2013

Como colocar efeito sépia nas imagens do blog

Oie lindas,tudo bom?
Hoje eu trouxe um post meio diferente...mais...Vocês estavam com saudade de mim??
Aqui é a celly!!
faz mais de um mês que eu não posto aqui....mais porque eu não estava postando??
Não estava porque eu to cheia de outros blog pra postar e eu criei um outro querem ver?? Então cliquem aqui :)
Lá ta cheio de tutoriais e utilitários :)
Bom vamos deixar de enrolação e vamos pro tutorial??



Bom primeiro vá no HTML do seu blog...
depois aperte CTRL+F e procure por:
]]></b:skin>

Logo acima 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;}


Bem mais fácil que achavam né??
Créditos ao Cherry Bomb e ao meu blog novo...
Bom gostaram de eu ter voltado??

de qualquer forma......
UM BEIJÃO DA CELLY

Um comentário:

  1. Super legal esse efeito :)
    Eu gostei muito do seu blog, ainda tem vaga para postadora? Se tiver, eu quero ^^ Me contate por email: lefere.2001@gmail.com

    ResponderExcluir