这是一款基于纯 CSS 三维变换、自定义属性与选择器技术实现的可点击预览的旋转照片球相册。风景照片分布在球面不同位置，随整体旋转依次转到前方。点击某张照片后，画面突出对应大图与标题，关闭后继续浏览球面。页面还保留暂停和慢速开关，适合摄影集、旅行照片和图片专题。
球面照片相册如何连接旋转和预览
二十四张照片构成空间排布。不同纬度和角度共同形成球形轮廓。
预览与旋转分开管理。单选状态决定当前预览项，球面动画由样式负责。
图片和标题都在页面中。无需接口请求，替换内容后可以直接沿用排布。
单选状态怎样控制纯CSS大图展示
相册使用输入控件维护选中状态，CSS 读取状态后切换缩略图与预览层。球面位置来自各图片节点的变量，锚定和变换参与预览布局。因为几何与状态都写在页面中，增减照片时需要同时检查角度和对应控件。
animation-play-state: paused;
照片球的图片、标题和角度在哪里修改
照片路径、标题和排布变量在 index.html，图片保存在 img；旋转周期、预览样式与控制规则在 style.css。替换照片时同时修改缩略图和预览引用，避免两处显示不同内容。
CSS照片球的浏览器与数量限制
为什么有些浏览器里预览位置不对？
页面使用 CSS 锚定、状态选择器和三维变换等特性，建议使用支持这些能力的新版浏览器。
可以随意增加到很多照片吗？
需要重新安排球面位置和控件对应关系。照片太多还会增加遮挡，建议优先保持清楚的间距。
适合风景摄影、旅行照片和环绕式图片专题。下载后可查看旋转照片球的完整结构与参数，按自己的内容继续调整。
