Tutorial - efeito shake


Status: Escutando música quem nunca??
Hello my apples! (~ ̄▽ ̄) boa noite para vocês! eu não pude postar ontem por que eu tava doente, tava com dor de cabeça e com dor de barriga mas por sorte melhorei! que alegria TUTSTUSTS hoje vou amostrar um tutorial muito simples e muito legal se chama efeito shake foi o Kawaii world que postou esse tutorial e esse efeito faz uma tremidinha para os lados e depois para então let's go??


1. Vá no HTML do seu blog e pressione CTRL+F. Na caixa de pesquisa, procure por ]]></b:skin> e acima dessa tag, cole:


@-webkit-keyframes shake { 0% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);} 25% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);} 50% {transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg);} 75% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);} 100% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);} } .shake {-webkit-transition: .9s; border-radius: 5px;} .shake:hover {-webkit-animation: shake .9s alternate ease;}
Não precisa editar nada e depois salve.
2. Em um gadget HTML/Java Script, cole o seguinte código. Repita-o para cada imagem a mais:
<a href="URL" title="NOME"><img class="shake" src="URL da IMAGEM" /></a>
E pronto repita quantas vezes quiser kissus my babies  ( ̄▽ ̄). 

8 comentários:

  1. Dor de cabeça junto com dor de barriga é terrível ;-; Que bom que melhorou :3
    Ah! Esse efeito é muito fofo <3

    >> b-rasiaticos.blogspot.com.br/
    - C h u ~

    ResponderExcluir
    Respostas
    1. é muito horrível mesmo ;-; own obrigado :3

      Excluir
  2. Anônimo21/4/15

    Que efeito bonitinho Yuki :3

    ResponderExcluir
  3. Hello *0*
    Eita, dor de cabeça e de barriga tudo junto é fogo hein o.O

    Ah, esse efeito é bem amorzinho OPKSOPSK
    Vendo esse tipo de tutorial dá vontade de criar um novo layout >.<
    Bye bye Yuki!
    http://galaxy-of-drams.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Pois é né! ASHUASHUASHU own muito obrigada e kissus de baunilha (︶ω︶)

      Excluir
  4. Amo esse efeito <3 super fofinho :3

    p-aradisesky.blogspot.com

    ResponderExcluir
  5. Nossa!Q efect mais ahh boommmm
    ruerurueruereeeeee

    ResponderExcluir

✔Podem comentar oque quiser os comentários não são moderados.
✖ Não pegar nada daqui sem botar os créditos
✔Críticas construtivas são sempre bem-vindas.
✖ Não xingar a dona do blog e os leitores que vão comentar.
✔Podem dar sugestões de posts mas isso é só na nossa ask!
✔Os comentários são sempre respondidos
✔Aceito afiliações clique nesse link aqui para pedir para ser afiliado

Alguns kaomojis e enfeites para seus comentários:♥ ♡ ♩♫♭♪♬ (∩˃o˂∩) (≧∇≦) ~ヾ(^∇^) (ノಠ益ಠ)ノ彡┻━┻ ┬──┬ ノ( ゜-゜ノ) ಠ_ಠ ( ̄。 ̄)~zzz ʘ‿ʘ ಥ⌣ಥ (づ。◕‿‿◕。)づ ヽ(゜∇゜)ノ∑(゜Д゜;) (´・ω・`)( ;´Д`)┐(‘~`;)┌ ( ゚д゚) ☜(⌒▽⌒)☞ (ノ◕ヮ◕)ノ*:・゚✧ ( ・_・)ノ⌒●~* ヽ(*´∀`)人(´∀`*)ノ (`・ω・´)9 (;一_一) ( ̄▽ ̄) ( ͡° ͜ʖ ͡°) (◡﹏◡✿) (⊙﹏⊙✿) (◕﹏◕✿) (◕‿◕✿) (◕︿◕✿) (◡‿◡✿) (⊙‿⊙✿) (⊙︿⊙✿) (⊙△⊙✿) (◡△◡✿) (◕△◕✿) (◠△◠✿) (◕ω◕✿) (⊙ω⊙✿) (◡ω◡✿) (◠ω◠✿) (◠︿◠✿) (◠﹏◠✿) (◠‿◠✿) ★~(◡‿◡✿) ★~(◠‿◕✿) (◡△◡✿) (ノ◕ヮ◕)ノ (ノ◕ω◕)ノ ヽ(゜∇゜)ノ (´・ω・`) ∩(︶▽︶)∩ ( ´ ▽ ` )ノ (・∀・ ) ( ̄(エ) ̄) (✪㉨✪)(╹ェ╹)╮(─▽─)╭ (•⊙ω⊙•) ( ´∀`)☆ (≧ω≦) ( ^▽^ ) (✿◠‿◠) (◡‿◡✿) (◕‿◕✿) (≧◡≦) (¬_¬) (◑‿◐) ✖‿✖ (╥_╥) (╯3╰) (¬‿¬)
(∪ ◡ ∪) (≧ω≦) o(≧o≦)o (─‿‿─) (︶︹︺) (∩︵∩) (。◕‿◕。) (~ ̄▽ ̄)~ (︶ω︶)