29/01/2013

Efeito sépia nas imagens do blog



Oiie minhas cerejas!!!
vim trazer um tutorial, o tutorial é do blog cherry bomb é lindo o efeito! ao passar o mouse por cima das imagens há um mudança de cor pro sépia e é bem facil de colocar!
Vamos matar a curiosidade? clicando em mais informações!

Abra o HTML do seu blog dê Ctrl+F e procure por ]]><b:skin>

e cole o codigo abaixo:


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! As imagens ficaram com o efeito automaticamente! simples não é?
Créditos: Cherry Bomb

Kissus :*

Nenhum comentário:

Postar um comentário