萌系渐变个人引导页 HTML源码
粉紫渐变的个人引导页,采用萌系装饰、圆角卡片、玻璃拟态背景与渐变按钮,可设置自己的头像、介绍和站点入口。

资源介绍
视觉风格 – 萌系 + 渐变背景
背景改为粉紫渐变(#fdf2f8 → #e9d5ff → #c084fc),低饱和度营造温柔梦幻感
添加了星星、小花等卡通装饰元素(使用 SVG 内嵌,无需额外图片)
所有元素使用大圆角(卡片 24px、按钮 50px)+ 柔和阴影,视觉更圆润
增加彩虹分割线,强化二次元萌系调性
核心 UI – 玻璃拟态
卡片使用 background: rgba(255, 255, 255, 0.7) 半透明背景
添加 backdrop-filter: blur(12px) 毛玻璃模糊效果
卡片添加轻微边框增强层次感
文字使用高对比度保证可读性(深色文字在半透背景上)
交互优化
按钮使用粉紫渐变高饱和色彩,突出交互性
按钮和头像添加萌系阴影效果
所有圆角元素统一视觉风格,增强整体一致性
使用说明:解压后可以打开 index.html 查看页面,也可以把页面及本地图片部署到静态网站。按自己的资料修改头像、介绍、网址和联系入口,无需数据库或构建步骤。
作者声明与使用条款见包内说明。
更多源码资源:https://zhujiuziyuan.cn/
评论区
0 条登录后可以评论和回复。
还没有评论,来留下第一条。