Efeito Shake


 Demorei um pouquinho para postar, eu sei, nesses dois dias tive que sair com os meus amigos para fazer um dos trabalhos, na segunda será meu sacrifício, seminário. Mais enfim, vocês gostaram da nova versão do eJhonas? Eu tinha feito ele para uma amiga e tudo mais, porém acabei gostando demais sabe, ai fiz outro para ela, e fiquei com esse (sou super espertinho, haha). Como havia dito, começaria com bastante tutoriais, esse é bem interessante, um efeito, consegui no HS, ele é muito bom..
 Para visualizar, clique aqui, agora vamos começar com o tutorial:
Vá em Blogger  Design  Editar HTML  Expandir Modelo de Widgets  Procure por: (Ctrl + F)
]]></b:skin>
Cole este código acima:

 @-WEBKIT-KEYFRAMES SHAKE {0%, 100% {-WEBKIT-TRANSFORM: TRANSLATEX(0);}10%, 30%, 50%, 70%, 90% {-WEBKIT-TRANSFORM: TRANSLATEX(-3PX);}20%, 40%, 60%, 80% {-WEBKIT-TRANSFORM: TRANSLATEX(3PX);}}
.MAMU {WIDTH:AUTO; MARGIN-LEFT:5PX;}
.MAMU:HOVER {-WEBKIT-ANIMATION: SHAKE 1.3S;-MOZ-ANIMATION: SHAKE 1.3S;-MS-ANIMATION: SHAKE 1.3S;} 
Salve, e feche. Agora vá em Layout  Adicionar Gadgets  HTML/Javascript  Cole este código:
<IMG CLASS="MAMU"  SRC="Link da imagem">
Para colocar mais imagens, basta repetir a quantidade de vezes que quer que apareça ela, mudando ou não o link da imagem.

3 comentários

Postar um comentário

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo