CSS 渐变生成器

创建线性或径向渐变并复制 CSS。

免费 - 无需注册 - 在您的设备上运行

在浏览器中本地运行

  • 实时结果
  • 0次上传
  • 一键保存
  • 免费无需账户
Specification

CSS 渐变生成器 规格一览

输入
渐变类型、角度以及两个或多个颜色停止点。
输出
实时渐变预览和可复制的 CSS。
方法
直接在浏览器中组装原生 CSS 渐变。
价格
免费
处理位置
在您的设备上
How to

CSS 渐变生成器 怎么用

  1. 1

    添加输入

    添加所需输入。

  2. 2

    选择结果

    调整并查看结果。

  3. 3

    复制或下载

    复制或下载结果。

Questions

Frequently asked questions

这个工具无需上传任何内容就能工作吗？

是的。该工具在浏览器标签页内处理您的输入。不会发送到处理服务器或存储在账户中。

我可以在保存前更改结果吗？

可以。调整任何可用控件，结果会更新。仅在输出符合需求时复制或下载。

支持哪些浏览器？

当前版本的 Chrome、Edge、Firefox 和 Safari 支持此处使用的浏览器功能。非常旧的浏览器可能缺少所需的 API。

Background

获得干净的结果

输入或选择内容，结果会在工作区中更新。查看输出，满意后复制或下载。

  • 在复制或下载前检查输入格式和所选选项。
  • 当输出将用于更大工作流程时，保留原始输入。

完整规格

CSS 渐变生成器 的完整规格
输入渐变类型、角度以及两个或多个颜色停止点。
输出实时渐变预览和可复制的 CSS。
方法直接在浏览器中组装原生 CSS 渐变。
价格免费。由工作区外明确标注的广告支持。
处理位置在您的浏览器标签页中。您的输入永远不会上传。
Next step

Keep going with the same files

全部色彩工具： SPOTTOOLS 的色彩工具