Horizonte que Muda de Cor Free

Sobre este efeito

Um fundo de hero com o horizonte de um planeta visto de órbita. A borda do planeta fica acesa, com um clarão macio por cima, e a cor passa por quatro tons em ciclo, girando pelo círculo de cores sem nunca ficar barrenta. A cor do momento fica numa variável: o botão do kit já acompanha, com borda e brilho no mesmo tom, e dá pra pintar link, linha ou ícone com ela. Atrás, três camadas de estrelas piscam e deslizam devagar; o cursor move o céu em profundidade, de tempos em tempos passa uma estrela cadente e o clique solta outra. Sem biblioteca e muito leve: as estrelas são desenhadas uma vez só e tudo para fora da tela. O clarão e a troca de cor funcionam até sem JavaScript. Quatro cores, tempo do ciclo, altura do horizonte, força do clarão, quantidade de estrelas e velocidade ajustáveis.

Ficha

Categoria

Fundo

Onde combina

topo (hero), fundo, chamada pra ação

Alcance

Área: vive dentro de um bloco da página.

Plano

Grátis com a conta: 1 download a cada 24 horas.

Na loja desde

06/10/2026

Como colocar no seu site

1. Criando o site com IA (Claude Code, Codex e parecidas): baixe o kit, extraia na pasta do projeto e cole o pedido pronto que a loja entrega. Não precisa saber programar.
2. Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
3. Programando: importe o efeito.css e o efeito.js e marque o elemento com a classe fx-horizonte-que-muda-de-cor.

Assuntos

• horizonte
• planeta
• estrelas
• céu
• espaço
• aurora
• degradê
• gradient
• cor
• estrela cadente
• hero
• fundo
• background