Capítulos em Giro Ultra

Sobre este efeito

Uma página contada em capítulos de tela cheia. Quando um capítulo termina, ele fica parado na tela e o seguinte sobe por cima já girado, preso pelo canto de baixo à esquerda, e vai endireitando conforme você rola até cobrir o anterior por inteiro. Cada capítulo fica preso na tela sem biblioteca de rolagem, o giro é calculado pela posição só nos quadros em que a página rolou, nunca cria rolagem de lado, e há sombra na borda que entra e um leve escurecer no capítulo que está sendo coberto. Com a preferência de menos movimento os capítulos só se empilham, sem girar. Giro, rolagem pra endireitar, sombra e escurecer ajustáveis. Sem biblioteca.

Ficha

Categoria

Scroll

Onde combina

recursos, transições

Alcance

Página inteira: depende da rolagem ou do cursor da página toda.

Plano

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

Peso

3,3 KB de código comprimido. Sem biblioteca externa.

No celular

Moderado: usa 28% do processador de um celular intermediário enquanto anima.

Na loja desde

14/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-capitulos-em-giro.

Assuntos

• scroll
• rolagem
• secoes
• capitulos
• sticky
• giro
• empilhar
• storytelling
• js