2026
Componente GSAP

Cylinder Stack

Uma secção fixa no scroll onde os cards rodam num cilindro 3D real e encaixam no lugar.

Código no GitHub
Demo ao vivo
GSAP
ScrollTrigger, CustomEase
Versão
1.0.0
Ano
2026
Licença
MIT

O ScrollTrigger fixa a secção e faz snap a cada card. O card ativo acende enquanto os restantes caem na sombra, com brightness em vez de transparência para a pilha manter o peso. A legenda troca com uma transição em máscara e os pontos saltam para qualquer card.

O tamanho dos cards e a perspetiva são variáveis CSS. Com reduced motion os cards fazem crossfade no lugar.