Radar de Luz Free

Sobre este efeito

Fundo de hero em radar: anéis e raios finos de luz, uma varredura larga que gira devagar (uma volta a cada 7 s) e pontos nos anéis que acendem quando ela passa e apagam aos poucos. O centro acompanha o mouse de leve. Monitoramento, segurança, dados, "estamos de olho". Cor, tempo da volta, largura do setor, número de anéis, raios e pontos, brilho da grade e quanto segue o mouse, tudo ajustável, ao vivo. Sem WebGL e sem biblioteca; a varredura é pré-desenhada e só gira, então é leve.

Ficha

Categoria

Luzes

Onde combina

topo (hero), fundo

Alcance

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

Plano

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

Peso

5,0 KB de código comprimido. Sem biblioteca externa.

No celular

Leve: usa 18% do processador de um celular intermediário enquanto anima.

Na loja desde

04/09/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-radar-de-luz.

Assuntos

• luzes
• radar
• varredura
• fundo
• hero
• canvas
• anéis
• monitoramento
• glow
• cursor