segunda-feira, 10 de dezembro de 2012

Efeito Shake

Boa tarde leitoras! Eu estava olhando uns tumblrs de html até que eu achei um efeito bem fofinho! Ele se chama "Efeito Terremoto Shake". Ele fica uma graça se você souber aonde usa-lo!
Vejam ele aqui
Vou mostrar duas opções para vocês.Uma em que o texto/imagem se mexendo sem parar, e outra em que ele só se mexe se você passar o mouse.
Querem aprender?


Primeira Opção:


No seu html,cole isto acima de </head>
<link href='http://static.tumblr.com/5dbytsa/lpvme5z4x/shake.css'
 rel='stylesheet' type='text/css'/>

Cole isto acima de ]]><b:skin
.shake{-webkit-animation: shake 1500ms alternate infinite linear;
-moz-animation: shake 1500ms alternate infinite linear;

Quando for usar coloca isso para texto em um gadget de HTML/Javascript:
<div class="shake">Nome</div>
E isto para imagens:
<img src="URL DA IMAGEM" class="shake" />

Segunda Opção


Faça o primeiro passo da Primeira Opção


Cole isto acima de ]]><b:skin
.kaka:hover{-webkit-animation: shake 1500ms alternate 
infinite linear;-moz-animation: shake 1500ms alternate 
infinite linear;}
 
Quando for usar coloca isso para texto em um gadget de HTML/Javascript:

<div class="kaka">Nome</div>
E isto para imagens:
<img src="URL DA IMAGEM" class="kaka" />

Créditos: (www)

Este é um tutorial bem facinho, e o efeito é uma graça!
 Se você seguir o tutorial certinho, vai dar certo ^^
Beijos e até mais!

8 comentários:

  1. Eu uso o efeito, shake nos meus afiliados super diferente e legal ^3^ ' Seu blog, é uma fofura. seguindo aqui c:

    http://kawaii-lannd.blogspot. com /visita?

    ResponderExcluir
    Respostas
    1. Pois é, ele é muito fofo ^u^ Awn obrigada :3

      Visito sim *¬*
      Bjs ^_^

      Excluir
  2. Cara, amei o efeito, quanto mais seu blog! É tão kawaii, e tãao fofo *-* Xonei por aqui, sério '-' E amei demaaais o efeito também ^^ Nos afiliados então, fica mais legal ainda! Beijoos, :*

    whatever-it-takes-s2.blogspot.com.br // Visita, please?

    ResponderExcluir
    Respostas
    1. Awn obrigada *u* Obrigada mesmo *OOO* O efeito é muito fofinho mesmo *¬* Nos afiliados fica melhor na segunda opção *o*

      Visito sim :3 Bjs ^_^

      Excluir
    2. Awwwn, e muito obrigada por me seguir, amor, já estou te seguindo também <33 Beijoos, :*

      Excluir
    3. Ué não á de que *U* Obrigada por seguir *.* Bjs ^_^

      Excluir
  3. Oi sou nova leitora do seu blog ! adorei ele , tem tutos legais e um lay divo *-* quero me afiliar ! Meu blog não é de tutos como os outros é de Fic ! se aceitar a afiliação agradeço *-*
    link : kidrauhl-world.blogspot.com já vou te colocar nos afiliados ! Beijos

    ResponderExcluir
    Respostas
    1. Oii, awn obrigada *U* Muiiito obrigada *o* Claro! Já vou te por na elite *u*
      Bjs ^_^

      Excluir

- Comente a vontade, eu retribuo ^3^
- Palavras de baixo calão, xingamentos e outros tipos de ofensas não são permitidos. Para quê tanto ódio no coraçãozinho, gente? c: