Feixes de Luz Ultra

Cone de luz macio descendo do alto, com feixes que respiram e inclinam de leve com o cursor.

Sobre este efeito

Fundo de hero: um cone de luz macio desce do alto, com feixes tênues dentro que tremulam fora de sincronia e respiram devagar (brilho e abertura, em ciclo de 4,5 s). O cursor inclina o cone de leve pro seu lado. Origem no topo, nos cantos ou nas laterais; cor, quantidade, abertura, comprimento, intensidade, ritmo e reação são ajustáveis, mesmo com o efeito rodando. Sem WebGL e sem biblioteca. Abertura de página, seção de lançamento, fundo de manifesto.

Ficha

Categoria: Luzes
Onde combina: topo (hero), fundo, chamada pra ação
Alcance: Área: vive dentro de um bloco da página.
Plano: Exclusivo de quem assina o Ultra (R$ 39,90/mês).
Peso: 5,5 KB de código comprimido. Sem biblioteca externa.
No celular: Leve: usa 13% do processador de um celular intermediário enquanto anima.
Na loja desde: 04/09/2026

Como colocar no seu site

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.
Usando um construtor (Elementor, Shopify, Webflow e outros): a loja mostra o passo a passo de cada um.
Programando: importe o efeito.css e o efeito.js e marque o elemento com a classe fx-feixes-de-luz.

Assuntos

luz
feixes
raios
cone
glow
fundo
canvas
css-puro
hero