Feixes à Deriva Plus

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

Sobre este efeito

Fundo de seção com feixes de luz inclinados subindo devagar atrás do conteúdo, cada um pulsando no próprio ritmo e desfocado como luz atravessando neblina; quando um feixe sai por cima, volta por baixo mais largo e mais lento, e com o tempo o céu fica mais calmo. Por cima, um véu de vidro respira num ciclo de 10 s. São 30 feixes inclinados de 25 a 35°, com degradê no comprimento e cores do ciano ao violeta; largura, velocidade, força e pulso de cada um são sorteados no começo e de novo ao reaparecer. Cores (faixa na roda de cores), quantidade, força, velocidade, inclinação, desfoque e véu ajustáveis. Leve (a luz é desfocada), para fora da tela e fica parado com a preferência de menos movimento. Sem biblioteca.

Ficha

Categoria: Fundo
Onde combina: topo (hero), fundo
Alcance: Área: vive dentro de um bloco da página.
Plano: Incluso no Plus (R$ 19,90/mês) e no Ultra (R$ 39,90/mês).
Peso: 5,4 KB de código comprimido. Sem biblioteca externa.
No celular: Leve: usa 15% do processador de um celular intermediário enquanto anima.
Na loja desde: 13/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-a-deriva.

Assuntos

fundo
background
hero
feixes
luz
beams
canvas
desfoque
neblina
vidro
ambiente