Moving Efect Para cima

Hooý chocolates com manga doce, tudo bem?

 Estava navegando pela internet quando encontrei um efeito super interessante e resolvi trazer para vocês.

 O mais interessante é que o efeito que todos estão acostumados a ver é o efeito em que a descrição aparece abaixo, mas esse nos permite, rolar para qualquer lado.

Preview || Créditos

Primeiro vá em seu HTML e procure por:

]]></b:skin>

e cole acima, esse código:

#upp { display: block; background: url(http://static.tumblr.com/sxeyvs3/h6ymd2ydy/3.png) no-repeat bottom; width: 200px; height: 100px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #upp:hover { display: block; background: url(http://static.tumblr.com/sxeyvs3/h6ymd2ydy/3.png) no-repeat; width: 200px; height: 120px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

Para usar o efeito, cole em um gadget HTML/ JavaScript:

<a href="Link" id="upp"></a><br> 

Espero que tenham gostado!

Ouçam Leeland - Beautiful Lord