22.2.13

Efeito Shaking-Efeito Afiliados

Yo gente,voltei mas sem a fic,tipo só por enquanto.Bom o Lipe-kun,me pediu um tutorial  faz acho que uns dois dias,e eu a preguiçosa não fiz ainda o tuto.Mas eu agora,neste exato momento estou trazendo o tutorial.Bom sabe o efeito que eu uso nos afiliados?Então ele queria saber como faz,e eu estou trazendo o tuto de como faz.Primeiramente queria avisar que o tuto não é meu é deste blog aqui.

Esse blog chama-se Eu Amo Html,ele é um dos nossos afiliados,e eu gosto muito dele pois alem de ele postar vários tutoriais diferenciados,ele ensina a fazer KeyFrames,e a dona é muito legal.
Bom vamos ao efeito?
Para quem não sabe ou como eu tem preguiça de ir até os afiliados eu trouxe um live preview para vocês:
Bom procure por :
]]><b:skin
E acima dele cole:
@-webkit-keyframes efeito-shaking-isa {

0% {-webkit-transform: rotate(-5deg); }

25% {-webkit-transform: rotate(4deg); }

50% {-webkit-transform: rotate(-6deg); }
75% {-webkit-transform: rotate(9deg); }
100% {-webkit-transform: rotate(-5deg); }
100% {-webkit-transform: translatey(-10px);}
}
@-moz-keyframes efeito-shaking-isa {
0% {-moz-transform: rotate(-5deg); }
25% {-moz-transform: rotate(4deg); }
50% {-moz-transform: rotate(-6deg); }
75% {-moz-transform: rotate(9deg); }
100% {-moz-transform: rotate(-5deg); }
100% {-moz-transform: translatey(-10px);}
}
@-o-keyframes efeito-shaking-isa {
0% {-moz-transform: rotate(-5deg); }
25% {-moz-transform: rotate(4deg); }
50% {-moz-transform: rotate(-6deg); }
75% {-moz-transform: rotate(9deg); }
100% {-moz-transform: rotate(-5deg); }
100% {-moz-transform: translatey(-10px);}
}
.efeito-shaking-isa {-webkit-transition: .7s; border-radius: 5px;box-shadow: 1px 1px #caebe6;}
.efeito-shaking-isa:hover {-webkit-animation: efeito-shaking-isa .7s alternate infinite linear;} 
 E depois vá até o local aonde você ira adicionar tal efeito e cole:
<a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a><a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a><a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a><a href="LINK"><img class="efeito-shaking-isa" src="URL DA IMAGEM" /></a>
Bom é só isso ^^
Bom gente eu vou terminar de fazer minha lição,terminar o lay free,e a fic,sim estou lotada shahsuahs
Bom é isso 
Bye Bye 

6 comentários:

  1. Obrigado karin-Chan , vou coloca-lo no meu novo lay que estou a preparar !

    http://shinigamipower.blogspot.com.br/

    ResponderExcluir
  2. Kkk ciúmes no ar??
    Que isso todo mundo aqui ama suas postagens tb

    ResponderExcluir
  3. Então ñ vai se importar se eu usar né?!?!

    ResponderExcluir

Vai comentar? Muito obrigada, vai fazer uma louca feliz.
Mas antes temos umas regrinhas
♠- Apesar de eu falar palavrões, e de mais da conta, por favor se contenham com os palavrões também
♥- O Eternamente Otaku, e eu, Karin, adoramos novos rostinhos por aqui. Por isso não se acanhem em querer comentar.
♦- Eu respondo os comentários, as vezes demora um tempo, mas eu sempre respondo.
♣- Tua opinião é essencial para o blog. Mas claro, que espero que você tenha educação.
♠- Aceitos tags.
♥- Comente seu link no blog, mas recomendo que tenha cuidado, o google pode considerar spam.
♦- "Seguindo, segue?" Vou pensar ¬¬
Obrigada por comentar ♥