Mármore Reticulado Ultra

Sobre este efeito

Fundo de seção com um mármore líquido que escorre e se retorce no lugar, desenhado em retícula: uma grade fixa de quadradinhos que crescem onde a luz é forte e somem onde é escura, com a cor indo do vinho nas bordas das faixas ao rosa-claro no meio, como tinta de risografia. A grade tem passo de 6 px, com pontos de até 5 px e cor pelo tamanho do ponto, e o padrão se renova em cerca de 1 s. Tamanho da célula, escala e velocidade do mármore, tamanho máximo do ponto e as quatro cores ajustáveis. WebGL, para fora da tela e fica parado com a preferência de menos movimento; sem WebGL fica uma retícula parada em CSS. Sem biblioteca.

Ficha

Categoria

Fundo

Onde combina

topo (hero), fundo

Alcance

Área: vive dentro de um bloco da página.

Plano

Exclusivo de quem assina o Ultra (R$ 39,90/mês).

Peso

6,2 KB de código comprimido. Sem biblioteca externa.

No celular

Leve: usa 8% do processador de um celular intermediário enquanto anima.

Placa de vídeo

Desenha com a placa de vídeo; em celular muito simples a fluidez depende dela.

Na loja desde

13/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-marmore-reticulado.

Assuntos

• fundo
• background
• hero
• mármore
• líquido
• retícula
• halftone
• pontos
• webgl
• shader
• rosa
• risografia