05 dezembro 2012

Prazer + Shake


Olá pessoas.

Tudo bem com vocês? Espero que sim . Ah,vocês devem estar se perguntando quem sou eu né? 

Prazer. Sou a Helena,mais conhecida como Nen-Chan,dona do WOT. Tomara que gostem de mim. Vou me esforçar ao máximo para postar,vai ser mais fácil,já que estou de férias.

Para o post não ficar tão pequeno,trago um efeito bem legal,que se chama Shake,ele é do Great Help. Nele,acontece o seguinte: A imagem fica parada na sidebar,como uma normal,então,você passa o mouse,e ela começa a se mexer. Se não entendeu,veja a preview aqui.
Primeiro procure por <head> ,então abaixo da tag cole:
<link href='http://static.tumblr.com/5dbytsa/lpvme5z4x/shake.css' rel='stylesheet' type='text/css'>

Agora,salve,e procure por ]]></b:skin> e acima dela cole:
.shake{
-webkit-animation: shake 1500ms alternate infinite linear;
-moz-animation: shake 1500ms alternate infinite linear;
}

A parte do HTML está pronta,agora faça sua escolha:
Se for usar como texto,cole isso em um gadget (ou outro local)
<div class="shake">Seu Texto Aqui </div>
Para usar em imagens:
<img src="URL DA IMAGEM" class="shake" />
Fácil não?! Até mais.

2 comentários:

  1. eu ja vi um efeito shake, mais era diferente esse é mais lindo.

    ResponderExcluir

Comente que eu retribuo!