Tutorial - Efeito Swing



Yo Candies. Como foi o feriado de vocês? Eu tecnicamente não tive feriado -.-. Não sei se todo mundo sabe, mas eu faço aula de dança e bom… Isso acabou com meu feriado. Eu irei me apresentar no sábado (dia 13) e a coreografia da minha turma estava horrível, resultados: ensaios no feriado. Isso acabou comigo, eu estou completamente quebrada. Eu ensaiei, ao total, 5 horas e isso acabou com meu corpo. Eu estou parecendo uma idosa reclamando de dor, serio. Depois dessa, eu nunca mais reclamo das coreografias de k-pop e afins. Durante o ensaio eu sempre pensava "É assim que os k-idols vivem?" É horrivel isso, serio. Nunca mais reclamo que tal cantor esta se apresentando quase morrendo, ele tem todo direito de estar morrendo. Isso cansa pra caramba. Imagina eles que ainda cantam e dançam? Eu jamais gostaria de ser uma k-idol depois dessa (na verdade eu nunca quis).

Queria dar um breve recado aos afiliados: tem muito afiliado que não apareceu para comentar nenhuma vez, depois que pediu afiliação. Quando eu aceito um pedido de afiliação é como se fosse que eu estou aceitando um novo amigo, entendem? Isso significa que eu não quero só um simples blog ali na elite, eu quero um blog ali na elite que esteja la por merecer (falando assim parece até que sou importante). Eu adoro quando pedem para se afiliar como SF, mas por favor, apareçam aqui no blog. Mas enfim, vamos ao assunto do post, no que estão todos interessados. Eu resolvi trazer meu primeiro efeito para vocês. Esse na verdade não é o primeiro, mas é o primeiro que eu estou postando para vocês. Eu achei ele super fofo ><. Vamos ao tutorial ~.
Antes de tudo, saibam algumas coisas:
» Se usarem o efeito, creditem ao Sugar Free. Não importa aonde você usou, apenas credite.
» Nunca vi esse efeito em lugar nenhum da blogosfera, ou seja, ele é exclusivo.
» Não modifique os códigos para criar uma coisa sua, apenas se tiver a minha permissão e os meus créditos.
» De qualquer forma, seja la o que você for fazer, me credite.


» Cole acima de ]]></b:skin>

@-webkit-keyframes swing { /* Não mexa */
 20% {-webkit-transform: rotate(20deg);}
40% {-webkit-transform: rotate(-10deg);}
60% {-webkit-transform: rotate(5deg);}
80% {-webkit-transform: rotate(-5deg);}
100% {-webkit-transform: rotate(0deg);}
}
@keyframes swing { /* Não mexa */
20% {-webkit-transform: rotate(20deg);}
40% {-webkit-transform: rotate(-10deg);}
60% {-webkit-transform: rotate( 5deg);}
80% {-webkit-transform: rotate(-5deg);}
100% {-webkit-transform: rotate(0deg);}
} .
swing {-webkit-transition: .7s; float: left; width:28px; heigh: 28px; margin-right: 2px; margin-bottom: 2px; -webkit-transform-origin: top center; transform-origin: top center; }
.swing:hover {-webkit-animation: swing .7s alternate linear; -webkit-transform-origin: top center; transform-origin: top center;}

» width e heigh: Largura e altura da imagem
» margin-right: O tanto que vai para direito
» margin-bottom: O tanto que vai para baixo

Para usar, basta adicionar um gadget HTML/JavaScript e colar:
<a href="LINK" title="TÍTULO"><img class="swing" src="IMAGEM" /></a>
É isso, espero que usem e que gostem. Desculpe qualquer erro D:

Chu~

23 comentários:

  1. Você só pode estar de zueira né Gio, amor eu não vou comentar novamente não kgphkk'

    ResponderExcluir
    Respostas
    1. AUSHUAHS. Da nada não, eu respondo aquele seu comentário por aqui mesmo (eu preferi repostar porque pensei que as outras pessoas não iam ver).
      Quando você falou que o efeito não tava dando certo eu fiquei preocupada, porque não tinha que ser assim, ele tinha que estar funcionando. Ai eu instalei o chrome e fiz de novo e deu certo depois oskapoks. Foi bom você ter falado aquilo que não estava funcionando. Eu não uso o chrome e então as coisas bugam.

      Você perguntou que estilo que eu danço, eu atualmente danço apenas hip-hop. Eu fiz muito tempo de balé clássico mas enjoei zzzzz.
      E sobre o afiliado irmão, ainda bem que você continua querendo porque eu também quero aushuahs.

      Obrigada por comentar de novo <3

      Excluir
    2. Bom♥ Pensei que não tinha lido o meu comentário :'c Eu quase fiquei com câimbra escrevendo ele e você resolve excluir a postagem, sua ruim :'c Ah ela dança hip-hop♥ Gente~ eu também quero. Onde se mora? Vou assistir você dançando viu? (pelo o menos eu quero ir)

      Entendi, o efeito agora esta funcionando♥ Achei lindo, eu vou usar em um layout que estou fazendo. Vou colocar os créditos Gio não se preocupe <3

      Me visite babe

      Excluir
    3. Eu li seu comentário sim aushauhs por isso que eu repostei. Eu moro em Assis DD:. Se caso eu achar uma filmagem boa (o que vai ser difícil, os caras que upavam os videos no youtube saíram) eu coloco aqui no blog para todos verem *O*.

      O safari é horrível quando o negocio é blogger. Se não buga tudo, não vai funcionar nada D:. Espero que use sim u.u.

      Excluir
  2. Olá Unnie <3

    Poxa, deve ser terrível isso, melhoras para você <3 nunca tive que treinar tanto, afinal nunca dancei -shuashuashauas' ~só pelo just dance u.u~ mas espero de coração que você melhore ♥

    Concordo completamente com o que você falou unnie, eu também estou quase colocando isso no LM...

    Que efeito lindo unnie <33 talvez eu use em um próximo layout <33 está muito lindo mesmo ♥

    Kissus ~ l-ovelymilkshake.blogspot.com

    ResponderExcluir
    Respostas
    1. Olá Amy <3.
      Pelo Just Dance eu nunca cheguei a dançar tanto assim asuhuahs. Não sei porque, mas no Just Dance começa a me dar dores nos órgãos, isso é estranho.

      Obrigada Amy, que bom que você gostou <3.

      Excluir
  3. Oi Gio! Já disse que esse layout é lindo? Cada vez que entro aqui amo mais ele ahsuasush. <3 Noossa, deve ser terrível a dor, eu imagino. Minha amiga faz umas dança que tem que fazer um monte de movimentos e ela chega aqui em casa quase morta depois dos ensaios e-e Espero que melhore.

    Hey, e sobre a afiliação eu aceito sim e já te coloquei lá!

    Caraca que efeito maneiro KKK O nome combinou com ele. Estou pensando em usar, se eu que fizer o próximo lay do EH.

    Beijos, amora ♥ Elastic Heart

    ResponderExcluir
    Respostas
    1. Obrigada uahsuhs ♥.
      É, isso cansa muito D:.
      Ja te coloquei nos afiliados também ♥.
      Obrigada kkkkk, que bom que gostou <3.

      Excluir
  4. Olá Gio, eu tive feriado, mas não foi muito bom... Enfim, em relação a postagem, eu adorei o efeito *u* é tão lindinho que tenho vontade de colocar no meu próximo layout u3u, com certeza creditarei quando usar. Beijão!

    pureandsexy.blogspot.com {Automatic}

    ResponderExcluir
    Respostas
    1. Olá Milkate <3. Que bom que você gostou. Awn espero que use <3.

      Excluir
    2. Gio, fizeram uma brincadeira de super mal gosto comigo - acredito que não foi SÓ comigo -, hackearam meu blog '-', fui obrigada a mudar de url e perfil. Espero que me entenda, seu blog já foi adicionado aos afiliados do novo blog, será que poderia mudar para minha nova url? Obrigada.

      c-loudsugar.blogspot.com

      Excluir
  5. AI MEU SHISUS QUE SAUDADEEE MOÇAAA <3 TU LEMBRA DE MIM? EU DESAPARECI EU SEI X_X é uma longa história que inclusive postei no meu blog huehuehueheu
    AI QUE LAY LINDO MEU SHISUS *-* SÓ VOCÊ MESMO PRA FAZER UMAS DIVOSIDADES DESSAS <3
    Eu amei o efeito! Mas fiquei tanto tempo sem mexer em HTML, que nem lembro mais como colocar isso O_o huehuehuehe

    Mornië Alantië: http://m-orniealantie.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. JESSICA QUE SAUDADES MULHEEEER. LOGICO QUE EU LEMBRO DE VOCÊ, EU ENTREI NO SEU BLOG E TE DEI UM AVISINHO LA. Eu irei ler amanhã (agora eu to sem tempo D:).
      MUITO OBRIGADA JESSICA <3.
      Eu expliquei ali em cima moça uahsuhas. Mas que bom que gostou <3

      Excluir
  6. Eu também vou fazer uma apresentação de dança, mas no meu caso eu só estou ensinado ao povo da minha escola, dança contemporânea. Meu feriado se resumiu em: dormir, jogar, dormir. Eu queria que as férias chegassem logo, ela está demorando muito - só faltam 3 semanas -, elas precisam chegar logo! Gosite muito desse efeito, acho que no proximo layout vou usar o//

    Mr-Exemplar.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Na minha escola, não tem mais danças (só para as crianças). Meu feriado também resumiu um pouco em dormir (se não estava ensaiando estava dormindo zzz). Também quero muito que as ferias cheguem logo.
      Que bom que você gostou, espero que use \o

      Excluir
  7. Olá, Giovana! Meu feriado foi ótimo ♥. Eu aproveitei bastante, e queria que não acabasse, mas infelizmente acabou :x. Eu sempre quis fazer aula de dança, deve ser muito legal. Só danço no Just Dance mesmo, skdjskdh. Espero que a sua apresentação saia muito bem, e que tudo dê certo. Tomara que você fique melhor logo e que tenha conseguido descançar bastante. Eu imagino como deve ser difícil /:. Deve ser difícil ser uma k-idol mesmo. Não consigo me imaginar cantando e dançando, tentando fazer com que eu cante bem, o que deve ser bem hard. Espero que os seus afiliados apareçam mais no blog. E foi por isso mesmo que eu desisti de ter afiliados, tava cansada já :x.

    Que efeito mais fofooooooo! É tão bonitinho, gente. Vou salvar nos favoritos pra mim usar algum dia o3o.

    Com carinho, Liv.
    Not Found.

    ResponderExcluir
    Respostas
    1. Olá Liv <3. Queria ter aproveitado bastante também, mas não deu. É bem cansativo, triplica o cansaço do Just Dance e você terá o resultado de muitas aulas (mas isso é só em época de apresentação). Né, deve ser super difícil cantar e dançar bem. Se dançar e continuar respirando normalmente ja é difícil, imagina cantar e dançar.

      Que bom que gostou, eu fico feliz pra caramba com isso *O*. Espero que use (e se usar me avise para eu ver *O*).

      Excluir
  8. Olá moça *0*
    Você não teve feriado tadinha de você ksksksks o meu feriado foi bastante legal eu dormi, comi, dormi e comi ta parey. Deve ser difícil fazer aulas de danças por que tem que fazer um monte de coreografias pra mim isso é chato (sou preguiçosa mesmo ASHUASHUASHU) cê aceita afiliação?? já te adicionei lá nos afiliados! ~kissus
    {Cotton candy} visite aqui!

    ResponderExcluir
    Respostas
    1. Sim, nem tive feriado aushauhs. Tem que fazer um monte auhsuahs. Eu só danço duas coreografias diferentes, mas o problema é que tem que dançar muito. Aceito sim, ja te coloquei também <3

      Excluir
  9. Oi, oi Giovana! Como está? >//<
    Puxa, entendo você; Tive que dançar semana passada e dançarei essa poara apresentar-me sábado (também q.) na festa junina, e estou literalmente quebrada! <33 Espero usá-lo em um próximo lay free!

    Beijos
    colored cotton

    ResponderExcluir
  10. Parabéns pelo tutorial! ♥

    http://gotasdecaffe.blogspot.com.br/

    ResponderExcluir
  11. Meu feriado foi de descanso total, pois na terça teve feira escolar que dura das 7 às 19:00h da noite, pois é, minha escola escraviza, e segunda ainda teve a arrumação que segue no mesmo horário.
    Adorei o efeito, muito bem explicado o tuto.

    Abraços *3*

    {www.h-oneypie.com}

    ResponderExcluir
  12. Eu aproveitei bastante meu feriado para fazer vários nada haha! mas espero que você já esteja bem melhor da sua dor. Adorei o efeito, realmente muito lindo.
    Estou seguindo seu blogzinho lindo, se puder pode dar uma passadinha no meu? Estarei esperando a sua visita :)

    Tempestade de Cores

    ResponderExcluir

Obrigada por comentar, mas entenda algumas coisas:
» Por favor, comente algo sobre o assunto do post.
» Não tenho problemas com palavrões, mas seja educado.
» Aceito pedido de afiliações.
» Respeite minha opinião.