科技拟态玻璃风格个人主页源码

1. 纯正玻璃拟态效果

• 毛玻璃背景模糊（backdrop-filter: blur）

• 半透明底色 + 浅色边框

• 柔和阴影，科技感拉满

2. 深色科技主题

• 蓝紫渐变文字高亮

• 动态背景光点装饰

• 悬停微动效 + 发光效果

3. 完整功能结构

• 固定导航栏

• 个人信息卡片（头像 / 名称 / 简介 / 社交）

• 响应式适配手机 / 平板 / 电脑

4. 开箱即用

   无需安装任何依赖，复制代码保存为 .html 直接打开即可运行

快速自定义修改

1. 更换头像

   替换 <img> 标签里的 src 为你的头像链接

2. 修改社交链接

   把 <a href="#"> 里的 # 换成你的 GitHub、微信、B 站等地址

3. 修改技能 / 颜色

• 技能：增删 .skill-card 即可

• 主色调：替换 #60a5fa（蓝）、#a78bfa（紫）为你喜欢的颜色

• 这是一套完整可直接上线的科技玻璃拟态个人主页，包含导航、个人卡片、社交、技能展示全功能，代码干净、注释清晰，支持所有现代浏览器，手机端自动适配。你只需要替换个人信息就能使用！

下载地址