segunda-feira, 9 de setembro de 2013

Efeito sépia nas imagens do blog

Ooi pessoas lindas!
Hoje venho com um tuto muito simples e super pedido!
Muitos querem saber como fiz o efeito de mudar a cor da foto quando passa o mouse nas imagens do meu blog e vim matar a curiosidade de vocês!
Para saber como fazer, só continuar lendo...

Abra o HTML do seu blog, aperte "Ctrl + F" e na caixinha que aparecer pesquise ]]></b:skin>

O que você pesquisou irá aparecer destacado em amarelo, logo acima cole o seguinte código:


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


Visualize para ver se está tudo certo e salve!
Prontinho, viram como é facil? ;)
#PeçaSeuTutorial nos comentários! Aqui postamos o que VOCÊ precisa!

0 comentários:

Love Moda Blog | Layout Por Dreams Color Pink | Todos Os Direitos Reservados. Tecnologia do Blogger.

Visualizações:

Esse Blog é o alternativo para encomendas e tutoriais... Visitem nosso blog original de moda e maquiagem aqui!

↓ Faça Parte ↓