Store · Loja de Efeitos
Todos os efeitos

Loja / Contagem / Números Embaralhados

Números Embaralhados Plus

Faixa de estatísticas em que, ao entrar na tela, cada número sorteia letras e dígitos e trava da esquerda pra direita; o primeiro fecha antes, o último depois.

Ver na loja e baixar

Sobre este efeito

Bloco de números (estatísticas, placar, ficha técnica) que se revela sorteando: ao entrar na tela, todos começam juntos, cada casa ainda solta sorteia outro caractere a cada 30 ms e as casas travam da esquerda pra direita em ritmo igual; cada número seguinte dura um pouco mais, então a faixa fecha em cascata. Sorteia letras e dígitos ou só dígitos, ou os caracteres que você quiser; espaços ficam no lugar e unidades, pontos e símbolos travam na sua vez. Roda de novo por código, pelo hover (opcional) ou troca um valor sorteando até o novo. Leitor de tela lê sempre o valor final. Sem biblioteca.

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
3,6 KB de código comprimido. Sem biblioteca externa.
No celular
Leve: usa 5% do processador de um celular intermediário enquanto anima.
Na loja desde
11/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-numeros-embaralhados.

Assuntos

  • numeros
  • estatistica
  • stats
  • embaralhar
  • scramble
  • sorteio
  • decifrar
  • contador
  • entrada
  • placar