Compartilhe com um Amigo:

O Gravity do Google é um exemplo divertido de HTML5 que permite ao internauta literalmente brincar com os resultados de suas pesquisas.

Esse efeito na verdade é criado por um aplicativo JavaScript GPL, seu fonte esta disponível no Google Code.

Você pode implementar o efeito gravity em qualquer página HTML em poucos passos:

1- baixe o arquivo gravityscript.rar e extraia o arquivo “gravityscript.js” para uma pasta do seu servidor
(Esse arquivo foi adaptado pelo Ankit a partir do original);

Veja também

2- Coloque a tag class=”box2d” aos elementos HTML que deseja adicionar o efeito;

3- Agora, logo após os elementos que receberão o gravity inclua no seu código os scripts: Google API e gravityscript.js, como no exemplo abaixo (exatamente nessa ordem):

<script src=”http://www.google.com/uds/api?file=uds.js&v=0.1″ type=”text/javascript”></script>
<script src=”http://exemplo.com.br/gravityscript.js”></script>

Veja nosso exemplo online  aqui.

Veja Também

  • Veja o poder do HTML5 e CSS3Veja o poder do HTML5 e CSS3 O HTML 5 é nova versão da linguagem padrão da web proposta pelo consórcio World Wide Web (W3C), vem para mudar o background da Internet e tornar obsoletos padrões estabelecidos há anos no […]
  • Jogos 3D com Adobe Flash 11 e Air 3Jogos 3D com Adobe Flash 11 e Air 3 Adobe não pretende ficar para trás diante do avenço do HTML5 e anunciou que no próximo mês estará disponível o Flash 11 e o AIR 3 para as principais plataformas do mercado, incluindo o […]
  • Como usar seu próprio domínio no Blogger.com O Blogger é um serviço gratuito de publicação de blogs criado em 1999 pela Pyra Labs, esta foi uma das primeiras ferramentas dedicadas a blogueiros Internet.  A empresa foi adquirida pelo […]
  • Bug no Gmail apaga mais de 150 mil contasBug no Gmail apaga mais de 150 mil contas Cerca de 150 mil usuários do Gmail tiveram as contas de e-mail completamente deledadas, incluindo mensagens de e-mail, contactos, anexos e conversas de chat. Um bug limpou as contas de […]

Deixe o seu comentário:

Fechar Menu