一个运行于现代浏览器的交互式化学元素周期表。不同于传统的静态图表,本项目采用深色赛博朋克(Cyberpunk)风格,融合霓虹光效、玻璃拟态(Glassmorphism)与流畅的交互动画,重新定义化学元素的视觉呈现。

元素周期表
一个运行于现代浏览器的交互式化学元素周期表,涵盖全部 118 种化学元素。
沉浸式视觉体验
赛博朋克美学:深色背景搭配动态网格粒子,营造科技感十足的沉浸氛围。
霓虹分类高亮:10 大元素分类采用独特配色,悬停时边框发光流转。
全响应式适配:从 4K 桌面到移动端,均有优雅的布局表现(含横屏提示)。
双语支持:一键切换中文/英文界面,满足不同语言用户的需求。
多维度数据可视化
热力图模式:一键切换原子半径、电负性、电离能、熔点、沸点的色谱分布。
分类筛选:点击图例即可高亮特定类别(碱金属、稀有气体、镧系/锕系等)。
实时搜索:支持通过元素符号、中英文名称或原子序数快速定位。
3D 原子结构模拟
CSS 3D 轨道模型:基于电子排布算法实时渲染电子层与旋转电子。
交互升级:支持鼠标拖拽 / 触屏滑动,360° 旋转观察原子结构。
独立放大视图:点击模型左上角图标可进入全屏模式,支持滚轮缩放查看电子层细节,沉浸感倍增。
详尽数据卡片:展示电子排布式、分层电子数、同位素稳定性、常见化合价等。