AVW-2:动画引擎全景对比——GSAP、anime.js、Motion、Animate.css 与 Glaze
GSAP 是工业标准、anime.js 最优雅、Motion 是 React 原生的王者、Animate.css 零门槛、Glaze 把动画变成了 Tailwind 的 utility class。五款引擎的 API 对比、性能差异、最佳使用时机全解析。
G4:GSAP SVG 动画——DrawSVG 描边、MorphSVG 变形与路径动画
SVG 是矢量图形在 Web 上的原生格式,而 GSAP 让它动起来。本文覆盖 DrawSVG 描边动画、MorphSVG 形状变形、MotionPath 路径跟随,以及如何把这些能力应用到 AI 可视化场景。
G3:GSAP 文本动画——SplitText、ScrambleText 与逐字魔法
文字是网页上最重要的信息载体。GSAP 的文本插件让你能够逐字、逐行、逐词组控制文字的动画——从简单的淡入到黑客风格的字符乱码,再到打字机效果。本文覆盖 SplitText、ScrambleText、TextPlugin 三大插件的完整用法。
G2:ScrollTrigger 滚动动画实战——让页面在滚动中讲故事
ScrollTrigger 是 GSAP 生态中使用率最高的插件——没有之一。本文从基础 trigger 出发,覆盖 pinning、scrubbing、水平滚动、批量管理、matchMedia 响应式适配,附带三个生产级真实场景的实现。