Laboratório de Motion

Framer Motion Exhibit

Uma vitrine de todas as técnicas de animação que estamos utilizando no projeto CAAS.

Entrada (Fade + Slide)

Uso básico de initial, animate e transition.

Spring (Mola)

Movimento físico com stiffness e damping.

Interação: Hover

Animação ao passar o mouse.

Interação: Tap (Clique)

Reação ao clique do usuário.

Keyframes (Sequência)

Múltiplos valores em uma única animação.

Layout (Automático)

Anima suavemente mudanças de layout CSS.

Variantes (Herança)

Orquestra animações complexas de pai para filhos.

Exit (AnimatePresence)

Anima componentes quando eles são removidos do DOM.