4 de fev de 2013

Efeito sépia nas Imagens


Yoo Minna-san :3 Gostaram do novo layout? Kyaah eu amei!
Bem, hoje eu trouxe para vocês um tutorial bem simples...
Você sabe aquele efeito sépia nas imagens? Aquele que muda de cor ao passar o mouse em cima?
É esse efeito.
Para os interessados, continuem lendo para ver o tutorial.

Vá para Modelo -> Editar HTML e procure por :
]]></b:skin>

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

Visualize, se deu tudo certo, salve e pronto (:
Simples não?
Espero que tenham gostado hehe


Nenhum comentário:

Postar um comentário