Motion design para web: scroll, GSAP, CSS, texto animado e engenharia reversa de sites premium, com implementação em Next.js.
Motion •
A palavra da especificação é reduzir, não remover. Por que animation: none !important erra dos dois lados, e a tabela de substituição que preserva o design.
Motion •
Oito receitas de ScrollTrigger com o código mínimo de cada uma, os padrões que quase ninguém lê na doc e o que quebra quando você põe tudo dentro do React.
Motion •
Metade dos efeitos de texto não precisa quebrar o texto em pedaços. A pergunta que separa as duas famílias, e o que o SplitText resolve que o CSS não resolve.
Motion •
Uma é Baseline, outra não roda no Firefox e a terceira é experimental no React. Saber qual você está usando decide o que vai para produção.
Motion •
A pergunta mudou: metade do que exigia biblioteca hoje é CSS nativo. Os eixos que sobraram são licença, modelo de execução e o que já é nativo.
Motion •
Dois dos três motores enviaram scroll-driven animations. O terceiro está atrás de flag. O que isso muda no que você pode usar em produção hoje.
Motion •
GSAP virou gratuito em abril de 2025, mas não virou open source. A licença é própria, a Webflow detém a PI e existe cláusula de não-concorrência.
Motion •
Scroll, texto, imagens e vídeo: o catálogo completo de técnicas de motion para web, com implementação em Next.js e os casos em que cada uma compensa.
