这是一款三维洗牌归位成照片墙的动效，基于 HTML+JavaScript 与 Three.js（WebGL）技术实现。22 张照片卡最初平摊叠成一叠，点击后牌堆一分为二、两侧同时向上弯折成"桥"，交错咬合落回一叠，再逐张抬起、翻正、缩放，最终排成 6 列整齐的照片网格。卡片的弯曲不是贴图假象，而是逐顶点按圆弧半径实时变形出来的，所以桥形的张力和回弹看起来有真实纸牌的韧性。
整套动作被拆成分裂、预弯、交错、合桥、瀑布、归位等多个阶段串联，靠时间差和每张卡的延迟错位撑起节奏感——这也是它比常见的卡片淡入动效更有"手感"的原因。图片走的是随机图源占位，实际使用时换成自己的作品图即可；另外它整屏铺满 canvas，适合当首屏视觉，正文内容页放它会抢注意力。带 ?embedded 参数可切成透明背景，方便嵌到现有页面里。
适用于摄影作品集首屏、创意机构官网、活动开场页、数字藏品与卡牌类产品展示等场景。
