Efeito Lower

Oi chocolatinhos! Tudo bom?
Ainda lembram de mim? Sim, infelizmente fiquei longe daqui por um tempo :(
Mais é escola, preguiça e tudo junto e misturado! rs'
O blog completou 1 aninho né? Parabéns \o/ 

Hoje eu vim trazer um efeito bem legal pra vocês que eu passei do tumblr pra cá! Os créditos são a mim que repassei de lá pra cá e ao Html Strew ♥.
Visualize aqui, viu ela cai e quica,caso não viu o efeito recarregue a página!

Vamos ao tutorial,é super fácil!

Aperte F3 e procure por ]]></b:skin>

/*** EFEITO LOWER POR HTMLSTREW ***/

@-WEBKIT-KEYFRAMES LOWER {0% {OPACITY: 0;-WEBKIT-TRANSFORM: TRANSLATEY(-2000PX);}60% {OPACITY: 1;-WEBKIT-TRANSFORM: TRANSLATEY(30PX);}80% {-WEBKIT-TRANSFORM: TRANSLATEY(-10PX);}100% {-WEBKIT-TRANSFORM: TRANSLATEY(0);}}

.EFLOW {MARGIN-TOP:#PX; MARGIN-LEFT:#PX;-WEBKIT-ANIMATION: LOWER 2.3S;}

Você edita aonde esta de negrito (margem do topo/esquerda e o tempo do efeito) e ai esta o mesmo tempo que no exemplo.

Agora para usar,vá em layout > adicionar um novo gadget > Html/JavaScript :

<IMG CLASS="EFLOW" SRC="URLDAIMG">

Aonde está de negrito cole o URL da imagem. 

Espero que vocês tenham gostado,

beijos :*