Letreiro 3D Ultra

Mosaico de imagens deitado num plano 3D, colunas derivando devagar em sentidos alternados; o quadro sob o mouse levanta.

Ver na loja e baixar

Sobre este efeito

Mosaico de imagens deitado num plano inclinado, feito só com CSS 3D, com as colunas derivando devagar em sentidos alternados, num deslize suave e desacelerado. Fundo de hero de portfólio, parede de clientes, mostruário: o conteúdo vai por cima, com esmaecimento nas bordas. O quadro sob o mouse levanta do plano e acende. As imagens vão direto no HTML; colunas, tamanho, proporção, vão, canto, inclinação, giro, deriva, ritmo, zoom, opacidade e vinheta ajustáveis. Sem WebGL e sem biblioteca; animação no compositor, pausa fora da tela.

Ficha

Categoria: Fundo
Onde combina: topo (hero), fundo, recursos
Alcance: Área: vive dentro de um bloco da página.
Plano: Exclusivo de quem assina o Ultra (R$ 39,90/mês).
Peso: 3,4 KB de código comprimido. Sem biblioteca externa.
No celular: Leve: usa 16% do processador de um celular intermediário enquanto anima.
Na loja desde: 04/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-letreiro-3d.

Assuntos

marquee
letreiro
3d
mosaico
grade
imagens
portfolio
hero
fundo
css-puro