大家好，最近看到一个很有意思的视频灵感，一时手痒，用纯原生的 HTML/CSS/JS 写了一个赛博朋克风格的交互式元素周期表。 项目没有任何构建依赖，开箱即用。主打就是一个视觉效果和交互体验，包含 3D 原子结构模拟、多维度热力图等功能。 发出来给 V 友们图一乐，顺便求个 Star 🌟，也欢迎大家提提建议！ 🔗 传送门 在线体验 (Live Demo): https://seanwong17.github.io/Future-Style-Periodic-Table/GitHub 源码: https://github.com/SeanWong17/Future-Style-Periodic-Table ✨ 主要玩法与特性 这个项目虽然只是个前端页面，但把化学书上的东西做得稍微酷炫了一点： [ol]沉浸式视觉：深色赛博朋克风，配合霓虹光效和玻璃拟态（ Glassmorphism ），比传统的格子表耐看一些。**3D 原子结构 (CSS)**：点击任意元素进入详情页，可以看到基于 CSS 3D Transforms (transform-style: preserve-3d) 渲染的原子模型。支持鼠标拖拽旋转，可以看到电子在轨道上跑。多维度数据可视化：支持一键切换热力图模式。想看原子半径、电负性、熔沸点的分布？点击按钮，周期表会自动变成热力图色谱。数据全：收录了 118 种元素，包含电子排布、同位素、化合价等详细数据。双语支持：做了中英文切换，方便查阅。 [/ol] 📸 截图预览 周期表主界面 (建议配合深色模式食用) 热力图模式 (电负性分布) 3D 原子模型交互 赛博朋克, 元素周期表, 交互式
