Botão Neon com Bordas Animadas Plus

Sobre este efeito

Botão neon com quatro linhas de luz que correm pelas bordas (escalonadas, em loop). No hover preenche de neon com glow em camadas e reflexo. CSS puro. (cor única).

Ficha

Categoria

Botões

Onde combina

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

1,7 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

22/07/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-botao-neon-bordas.

Assuntos

• botão
• cta
• neon
• bordas
• glow