webgradients

环境要求

• 一个可编辑的 HTML 文档或网页项目（用于引入 CSS）
• 能访问 GitHub 下载 webgradients.css 文件
• 如需在 Figma 中使用：需要 Figma 账号并访问社区插件页
• 如需 AI/代理调用：可直接读取仓库中的 JSON 数据集

安装与启动步骤

1. 1下载渐变样式表

   打开 README 中 webgradients.css 的链接，下载该文件到本地。README 未提供命令行下载方式，请在浏览器中点击链接保存。

2. 2放入项目目录

   把下载到的 webgradients.css 放进你的项目文件夹中，位置与要引用的 HTML 文件保持相对路径一致。

3. 3在 head 中引入

   在文档的 head 中通过 link 标签引入该 CSS 文件，路径需与你实际存放位置一致。

   <html>
     <head>
       <link href="webgradients.css" rel="stylesheet">
     </head>
     ...

   复制

4. 4取用 JSON 数据集

   如需给设计工具或 AI 代理使用，直接读取仓库里的 gradients.json（含色标位置）或 gradients-parsed.json（扁平化、索引补零）。

5. 5安装 Figma 插件

   如要在 Figma 内直接用全部 180 个渐变，打开 README 给出的 Figma 社区插件页面并点击安装。

关键配置

如何确认成功

用浏览器打开页面，确认 webgradients.css 无 404 加载成功；元素套用文件中的渐变类后能看到渐变背景即算成功。

常见问题

注意事项

• README 未列出具体渐变 class 名称，使用时需打开 webgradients.css 查看实际类名。
• JSON 中 deg 为 CSS 渐变角度，group 为主色，gradient 为有序色标列表，pos 单位为 %。
• 下载链接指向 GitHub 页面，请选择保存文件而非只保存网页。