纯 CSS 实现 3D 名片飞散悬浮场景 + 灯箱预览

    这是一款纯 CSS 实现的 3D 悬浮名片展示效果。多张名片以随机角度散落在一个模拟木地板的三维空间中，带透视感的排列让整个场景有种「刚从桌上洒落」的真实质感。

    交互分三步走：初始状态名片自然飘散；悬停时目标卡片暗化并浮出「查看大图」按钮；点击后以灯箱形式全屏展开完整图片，背景虚化，顶部出现关闭按钮。整个流程没有一行 JavaScript，全靠 CSS 的状态切换和 3D 变换驱动。天然适合做品牌案例展示、设计作品集、名片印刷类产品的演示页。纯 CSS 实现也意味着维护成本极低，改个图片路径就能直接复用。