3.3.13

Tutorial - Efeito Shake-Shake Wow ! (Exclusivo)


Yo Minna-Sama
Tudo bem com meus cogumelos ? Espero que sim *.* , Minna , hoje eu estou muito feliz , eu fiz um efeito sozinho , do 0 !! e o resultado ficou muito bom na minha humilde opinião ! Preview   é o gadget Efeito Shake-Shake Wow  (Exclusive S.O.) gostaram ? vamos aprender a faze-lo ? Go ! >>

Vá em seu html e procure por  ]]></b:skin> , acima disso , cole : 

@-webkit-keyframes Shake-Shake-Wow {
1% {-webkit-transform: rotate(5deg); }
25% {-webkit-transform: rotate(-4deg); }
50% {-webkit-transform: rotate(6deg); }
75% {-webkit-transform: rotate(-7deg); }
100% {-webkit-transform: scale(1.2); }
}
@-moz-keyframes Shake-Shake-Wow {
1% {-webkit-transform: rotate(5deg); }
25% {-webkit-transform: rotate(-4deg); }
50% {-webkit-transform: rotate(6deg); }
75% {-webkit-transform: rotate(-7deg); }
100% {-webkit-transform: scale(1.2); }
}
@-o-keyframes Shake-Shake-Wow {
1% {-webkit-transform: rotate(5deg); }
25% {-webkit-transform: rotate(-4deg); }
50% {-webkit-transform: rotate(6deg); }
75% {-webkit-transform: rotate(-7deg); }
100% {-webkit-transform: scale(1.2); }
}
.Shake-Shake-Wow {-webkit-transition: .7s;border-radius: 15px 15px 15px 15px; box-shadow: 1px 1px #caebe6;}
.Shake-Shake-Wow:hover {-webkit-animation: Shake-Shake-Wow .7s alternate infinite linear;}
Apague a parte em negrito caso não queria as bordas arredondadas .
Agora vá em um Gadget HTML/Javascript e cole :

<a href="LINK" title="NOME"><img src="URL DA IMAGEM" class="Shake-Shake-Wow"/></a>
Bom , já esta tudo explicadinho , espero que tenham gostado , e se reblogar ou usar credite ! pois fui eu que fiz ! e plagio é crime !


17 comentários:

  1. Legal o tutorial,e o efeito! o3o
    Dei uma passadinha aqui pra dar uma olhada e me apaixonei pelo blog!O blog é lindo e divo! o3o
    To seguindo tá?Se quiser dá uma passada no meu blog Drew's Space

    ResponderExcluir
    Respostas
    1. !Obg por seguir o S.O. , obg pelos elogios e fico feliz que você gostou do efeito :)

      Excluir
  2. Yoo Lipe-kun não precisa me almíscar com o lay é que tio mudando sabe aí é aquela bagunça toda!
    Mas se poder me ajuda a achar brushes anime que tenha sangue e seja aterrorizante?!
    E arigato por colocar-me no divulgando!
    Seu blog é tão moe!
    É moe não kawaii!!!

    ResponderExcluir
  3. plagiador do caralho só juntou dois efeitos

    ResponderExcluir
    Respostas
    1. Não não meu filho , na sua mente pode até parecer assim , mas eu que criei esse efeito , nunca vi um efeito igual a esse , e bom , por que você não mostra a cara ? e por favor não utilize mais palavrões aqui no blog , caso contrário seu comentário será removido , e quanto ao suposto "plagio" se você sabe alguem que tenha inventado o efeito antes de mim , por favor , me mande o link do blog que eu creito sem problemas , mas , eu pesquisei antes , e não tinha nenhum efeito como esse , então não tem justificativa a sua acusação .

      Excluir
  4. PALMAS PARA ELE QUE FEZ SOZINHO /ÕÕ/
    Ficou fodástico *OOOO*
    Prfv, sou burra e não sei mexer com keyframe, não me humilhe U~U

    ResponderExcluir
    Respostas
    1. Obg ! se você quiser eu te ensino a mexer com KeyFrames dps o/

      Excluir
  5. ooi, ta rolando um sorteio no meu blog com um livro ^^
    vc pode participar? beijinhos =D
    oblogdapp.blogspot.com.br/2013/02/sorteio-esperanca.html

    ResponderExcluir
  6. Lindo o efeito, nunca fiz meu próprio, mas vou tentar, ficou muito divo :3
    Seguindo aqui ^3^

    >> empiiree.blogspot.com.br/
    #Beijoos

    ResponderExcluir
    Respostas
    1. Vou ver se posto aqui no blog , como fazer seus efeitos com KeyFrames , obg ;)

      Excluir
  7. Adorei o efeito, Lipeh, ficou muito fofo >u<
    World Of Tutos .

    ResponderExcluir
  8. (vê Shikamaru de Luigi... TOP de engraçado, kakaka).

    ResponderExcluir

Yo! você deseja comentar aqui? Sem problemas! porém nós temos algumas regras que devem ser seguidas.

-Não aceitamos palavras de baixo calão nos comentários.
-Não aceitamos brigas ou insultos, tanto para os autores, quanto para os leitores.
-Você tem alguma crítica à fazer? Ótimo, nós aceitamos críticas, desde que sejam construtivas para o blog.
-Se você usar o tutorial, ou reblogar qualquer post, não deixe de avisar nos comentários!
-Sem essa de "Segue de volta?", apenas deixe o link do seu blog no final do seu comentário que com certeza eu darei uma passadinha lá.

~Ja Nee~