Galeria Mosaico Plus

Fotos em colunas, cada uma na altura que tem; entram de baixo uma a uma saindo do desfoque, e o mouse encolhe a foto de leve.

Ver na loja e baixar

Sobre este efeito

Grade de fotos em colunas, cada foto na altura que ela tem (mosaico, sem buraco), organizada pelo JS na coluna mais curta. Ao entrar na tela as fotos sobem uma atrás da outra, saindo do desfoque e da transparência; redimensionou a janela, reorganiza e as fotos deslizam pra nova posição. Passar o mouse encolhe a foto de leve, com tinta opcional na cor de destaque. Portfólio, galeria de fotos, grade de projetos. Direção de entrada (baixo, cima, esquerda, direita, centro, aleatório), colunas, vão, distância, desfoque, defasagem, hover e tinta ajustáveis. Sem biblioteca.

Ficha

Categoria: Galeria
Onde combina: recursos, prova social
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,8 KB de código comprimido. Sem biblioteca externa.
No celular: Leve: usa 12% do processador de um celular intermediário enquanto anima.
Na loja desde: 05/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-galeria-mosaico.

Assuntos

galeria
mosaico
masonry
grade
fotos
portfolio
entrada
desfoque
hover
css-puro