Frases que Giram em Cubo Plus

Sobre este efeito

Duas a quatro frases dividem o mesmo lugar na página, e a troca acontece linha por linha. Cada linha do texto é uma fileira de um sólido que gira no eixo vertical: com a página rolando, as fileiras viram uma depois da outra, de cima pra baixo, e a frase seguinte chega na face de lá, como as fileiras de um cubo de montar. A seção fica presa na tela enquanto as frases trocam, com uma pausa em cada frase. A face que vira escurece como um sólido de verdade sob a luz, e as palavras em destaque continuam coloridas dentro do giro. Rolando de volta, as fileiras desviram. O leitor de tela lê as frases inteiras, na ordem. Com a preferência de menos movimento, as frases aparecem uma embaixo da outra, paradas. Rolagem por troca, pausa, atraso entre as linhas, quanto gira, profundidade, sombra e suavidade ajustáveis. JavaScript e CSS puros, sem biblioteca.

Ficha

Categoria

Scroll

Onde combina

topo (hero), 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-frases-que-giram-em-cubo.

Assuntos

• scroll
• rolagem
• texto
• frases
• 3d
• cubo
• giro
• linhas
• troca
• seção presa
• sticky
• manifesto