Fundos animados para site

Fundo de piscina com a rede de luz do sol se mexendo na água e placas de vidro grosso por cima: a borda do vidro entorta a luz, a placa balança como gelatina com o mouse e o clique na água solta uma onda.

Fundo de hero com o horizonte de um planeta visto de órbita: a borda acesa troca de cor em ciclo e o botão acompanha, sob estrelas que piscam. O cursor move o céu e o clique solta uma estrela cadente.

Fundo de hero visto de cima de um poço: milhares de pontos de luz sobem na sua direção, crescem e desfocam ao passar perto. O cursor inclina o olhar e segurar o clique acelera a subida.

Fundo de hero com centenas de fios finos seguindo uma correnteza que muda devagar; o cursor é uma pedra no rio, os fios contornam e acendem na borda, e o clique solta um redemoinho.

Fundo de hero com um mar de pontos em perspectiva que ondula até sumir na névoa do horizonte; as cristas acendem na cor, o cursor levanta um morro na água e o clique solta anéis.

Fundo com um degradê de quatro cores que escorre sem repetir o desenho: o cursor arrasta a tinta e a paleta nova se espalha a partir do clique.

Fundo de hero com uma aurora boreal em WebGL: cortinas de luz ondulando sobre a serra, raios que cintilam do verde ao magenta e estrelas no céu.

Fundo de hero: uma cordilheira gerada na hora corre devagar ao fim da tarde, com neblina, neve nos picos e um sol baixo que o cursor move pelo horizonte.

Gotas de tinta caem numa água clara, afundam em cogumelo e soltam fios que se enrolam, misturando as cores como pigmento. O clique pinga uma gota.

Um fundo de cor que ondula como seda: dobras que sobem e descem com brilho de cetim, e o tecido levanta onde o cursor passa.

Uma linha de luz ondula no pé do título: branca no meio, abre em três cores nas pontas e onde o mouse chega perto.

Raios de verdade caem atrás do título: descem abrindo caminho, estouram num clarão com re-descargas e o céu clareia junto. Um clique chama um raio ali.

Fundo de poeira de carvão e vidro que gira num redemoinho brilhante em volta do cursor.

Veios de tinta se desenham e somem numa folha clara, respirando entre o papel vazio e a folha cheia; o cursor adensa a tinta onde passa.

Uma névoa de poeira e estrelas deriva no escuro, e o céu acende onde o cursor passa — voltando ao repouso quando ele sai.

O cursor planta gavinhas que crescem torcendo, soltam ramos e depois envelhecem e somem, deixando a tela limpa.

Um corpo de líquido no escuro que se funde e se estica devagar, com a borda acesa e um brilho por baixo; o cursor vira uma gota que puxa a lente.

Fundo de faixas largas de cor que descem devagar, passando por uma fase quente e uma fria, com o texto sempre legível por cima.

Fundo de centenas de linhas finas que ondulam como tecido; o cursor abre caminho entre elas e elas voltam como mola.

Fundo de fumaça marmorizada em WebGL que se dobra devagar e abre uma clareira em volta do conteúdo.

Fundo WebGL de luzes em cruz que acendem pela diagonal, viram joias, estouram em azulejos que fecham no escuro e voltam; perto do cursor acendem luzes extras.

Um cometa sai do centro em laços e deixa pontinhos que formam um anel em volta do botão; no hover do botão, as partículas se espalham e a espiral se forma de novo.

Fundo de fotos numa parede inclinada, em fileiras que correm sem parar pra lados alternados, com névoa em cima e embaixo.

Fundo de estrelas à deriva ligadas por linhas finas; o cursor puxa as estrelas e forma aglomerados que ficam depois que ele sai.

Fundo de mármore líquido que se retorce sem parar, impresso em retícula de pontos que crescem com a luz — rosa fluorescente no preto.

Fundo de feixes de luz inclinados que sobem devagar e pulsam, desfocados como luz na neblina, sob um véu de vidro.

Mosaico de imagens deitado num plano 3D, colunas derivando devagar em sentidos alternados; o quadro sob o mouse levanta.

Malha de linhas que ondula por ruido Perlin e cede ao cursor.

Feixes de luz que giram e ondulam no escuro.

Imagem abstrata vista através de vidro canelado, que se desloca com o mouse.

Névoa líquida que flui sozinha e gira em volta do mouse.

Fundo de metal líquido que recua de onde o mouse passa.

Fundo de bolhas de líquido que se fundem e se separam num movimento hipnótico.

Fundo de linhas de onda que cedem sob o mouse com física de mola, sem WebGL.

Background de gradientes orgânicos em movimento lento — CSS puro, sem WebGL.