工具与素材
Codrops Seam Transitions:11 种英雄区与正文「接缝」滚动转场(MIT)
落地页/作品集首屏需要「区块接缝」动效时,应先试用这 11 套可改编源码,少从零搓假遮罩滚动。

Codrops Seam Transitions:用 GSAP/ScrollSmoother/WebGL·canvas 做英雄区与下方白页之间的 11 种接缝滚动转场(墨水渗出、瓷砖碎落、毯子抽丝等)。无构建步骤,静态服即可试。GitHub codrops/SeamTransitions 2026-10-29 创建、2026-10-30 更新,MIT。
Demo 可开;README:Eleven scroll-driven transitions for the seam between a hero and the page under it, made with GSAP, WebGL and canvas. · created 2026-10-29 · updated 2026-10-30 · MIT。
为什么值得看
做落地页/作品集首屏时,可直接收藏多套「区块接缝」动效参考与可改编源码,完成度高、主体明确。
可以试试
打开 Demo,滚过墨水渗出与金缮裂纹两套,再决定是否 fork 改编。