Cartões que Sobem Tortos Plus

Sobre este efeito

Uma pilha de cartões que se monta com a rolagem da página. A seção fica presa na tela e cada cartão sobe de fora dela, de baixo, até o mesmo lugar, cobrindo o anterior. O cartão chega mais inclinado e assenta com a inclinação dele, um pouco torto, cada um pra um lado e num ângulo diferente, como uma carta jogada na mesa, e as bordas dos de baixo continuam aparecendo. A cada cartão que pousa, os de baixo afundam: sobem um pouco, encolhem e escurecem, o que dá a profundidade da pilha. O primeiro cartão sobe enquanto a seção entra na tela. Rolando de volta, os cartões descem e saem pela mesma borda. Um atraso macio atrás da rolagem deixa tudo fluido. Os cartões são seus: qualquer conteúdo, cor e tamanho. Com a preferência de menos movimento, os cartões aparecem um embaixo do outro, retos. Rolagem por cartão, inclinação na pilha e na chegada, quanto os de baixo afundam, suavidade, sombra e arredondado ajustáveis. JavaScript e CSS puros, sem biblioteca.

Ficha

Categoria

Scroll

Onde combina

recursos, 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).

Na loja desde

03/11/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-cartoes-que-sobem-tortos.

Assuntos

• scroll
• rolagem
• cartões
• cards
• pilha
• empilhar
• baralho
• inclinado
• seção presa
• sticky
• serviços
• etapas