这是一款 3D 数据卡片落地页,基于 GSAP + ScrollTrigger 实现。首屏是三张竖排的胶囊卡片,每张分上下两块——上面是分类名,下面列着这个方向的工具清单,背景衬着几道向外扩散的弧线和一层细颗粒质感。
交互做得比较讲究。鼠标移到卡片上,它会跟着指针方向轻微倾斜并抬起来,移开时用弹性回弹归位,不是那种生硬的复位;鼠标在首屏移动时背景弧线会缓慢跟随,形成层次错落的视差。往下滚动,三张卡片分别向左、向右滑开,中间那张略微缩小,弧线同时向外扩张,标题渐隐——整段动画是跟着滚动进度走的,滚多少动多少,可以来回拖。
再往下是工具卡片区和数字滚动的结尾区,卡片依次浮现,数字从 0 跳到目标值。整体是深色底加衬线强调字的排版风格,克制但有分量。
适合工具导航站、AI 产品聚合页、设计工作室作品集、新品发布落地页。