这是一款基于原生 JavaScript、CSS 三维变换与 Lenis技术实现的随页面滚动切换的立体图文卡片轮。画面中央展示当前人像与介绍，前后卡片沿斜向叠开。页面滚动时，下一张逐步进入阅读位置，其余卡片变小并退到背景，形成层叠浏览的节奏。文字和照片共用卡片结构，适合摄影作品、人物介绍与故事专题。
立体卡片轮的滚动层次如何变化
滚动进度决定当前卡片。容器滚过的距离换算成连续索引，卡片之间可以平滑过渡。
位移、倾斜与透明度一起变化。距离当前项越远，卡片越弱化，阅读焦点留在中央。
附带进度圆点与全屏入口。圆点反馈当前项，全屏按钮可扩大展示区域。
人像卡片怎样从滚动距离计算位置
脚本为每张卡片计算相对当前索引的偏移，再分别映射到横纵位移、旋转和缩放。超出可见范围的卡片会隐藏并关闭指针事件，中央卡片才保持主要交互。Lenis 负责平滑滚动，卡片样式仍由自己的更新函数生成。
const current = progress * (totalCards - 1);
图文卡片轮的内容与展开幅度在哪里修改
图片、标题和介绍在 index.html，图像保存在 img；展开幅度、旋转角与最小缩放值集中在 script.js，圆角和内容排版在 style.css。增删卡片后需要检查滚动容器高度与圆点数量是否匹配。
滚动卡片轮的播放与设备适配问题
这是自动播放轮播吗？
当前主要由页面滚动驱动，没有定时播放。若要放进固定高度模块，需要重新设计进度来源和容器滚动方式。
手机能浏览吗？
可通过页面滚动浏览，但画面包含较多层叠变换，建议检查目标手机的字号、卡片高度与触摸滚动表现。
全屏入口能保证所有浏览器都支持吗？
全屏由浏览器接口决定，部分移动环境可能限制调用。即使无法进入全屏，普通滚动展示仍可使用。
适合摄影作品、人物介绍和滚动叙事专题。下载后可查看立体人像轮的完整结构与参数，按自己的内容继续调整。
