Número Desfocado Plus

Contador em que, a cada mudança de valor, só os dígitos que mudaram trocam: o velho sobe desfocando e o novo assenta numa mola.

Ver na loja e baixar

Sobre este efeito

Número grande (contador ao vivo, estatística, preço) que troca de valor com classe: só os caracteres que mudaram animam, todos juntos; o velho sobe e some desfocando, o novo sobe de baixo, desfocado e transparente, e assenta numa mola que passa um tiquinho do lugar, calculada pela fórmula exata. Formata sozinho no padrão brasileiro (1.204.869, R$ 4.999,00), aceita prefixo e sufixo, casas decimais e qualquer moeda; casas novas entram e casas que sobram saem sem pular o número de lado. O valor troca direto no HTML ou por código (definir ou somar). Texto pro leitor de tela sempre com o valor atual. Sem biblioteca: Web Animations.

Ficha

Categoria: Contagem
Onde combina: números, prova social, topo (hero)
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,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: 11/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-numero-desfocado.

Assuntos

numeros
contador
counter
ao-vivo
desfoque
blur
mola
preco
estatistica
ticker