Hero em Perspectiva Plus

Três fileiras de cards deitados em perspectiva: ao rolar, o conjunto levanta até ficar de frente e as fileiras deslizam pros lados.

Ver na loja e baixar

Sobre este efeito

Hero de portfólio: três fileiras de cards deitados em perspectiva, como numa mesa. Ao rolar, o conjunto levanta até ficar de frente (gira, sobe e ganha opacidade) enquanto as fileiras deslizam pros lados em sentidos alternados; o título fica por cima, parado. Cards clicáveis com nome no hover. Portfólio de estúdio, vitrine de produtos, galeria de cases. Inclinação, giro, subida, deslize, ponto de levantar, tamanho do card, vão, canto e perspectiva ajustáveis. Sem biblioteca.

Ficha

Categoria: Scroll
Onde combina: topo (hero), prova social
Alcance: Página inteira: depende da rolagem ou do cursor da página toda.
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 17% 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-hero-em-perspectiva.

Assuntos

hero
parallax
3d
perspectiva
scroll
rolagem
portfolio
cards
galeria
css-puro