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:

1º No seu html,cole isto acima de </head>

<link href='http://static.tumblr.com/5dbytsa/lpvme5z4x/shake.css'

 rel='stylesheet' type='text/css'/>

2º Cole isto acima de ]]><b:skin

.shake{-webkit-animation: shake 1500ms alternate infinite linear;

-moz-animation: shake 1500ms alternate infinite linear;

3º 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

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

2º Cole isto acima de ]]><b:skin

.kaka:hover{-webkit-animation: shake 1500ms alternate 

infinite linear;-moz-animation: shake 1500ms alternate 

infinite linear;}
 

3º 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!