Borda Elétrica Plus

Sobre este efeito

Borda que treme como um fio elétrico em volta de um card: uma linha fina serpenteia e faísca ao longo do contorno o tempo todo, por cima de duas bordas suaves com brilho e de um halo largo na mesma cor. O conteúdo do card fica intacto. Card de plano em destaque, chamada de lançamento, bloco novo. Cor, amplitude, tremor, velocidade, espessura, halo e canto ajustáveis; opção de acalmar quando o mouse sai. Sem WebGL e sem biblioteca.

Ficha

Categoria

Luzes

Onde combina

recursos, chamada pra ação

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

4,3 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

05/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-borda-eletrica.

Assuntos

• borda
• elétrica
• fio
• brilho
• glow
• card
• destaque
• canvas
• neon
• css-puro