CSS 渐变生成器
「CSS 渐变生成器」是一款在浏览器本地运行的在线工具，生成线性渐变和径向渐变的 CSS 代码。工具提供 线性渐变 / 径向渐变 等模式，可在同一页面内切换。输入方式为「角度 (0-360)」、「颜色」、「位置 (%)」、「颜色」、「位置 (%)」。结果输出到「CSS 代码」。所有计算都在当前页面内完成，输入内容不会离开你的设备。
打开「CSS 渐变生成器」怎么用
- 打开「CSS 渐变生成器」页面，无需注册或登录。
- 在「角度 (0-360)」、「颜色」、「位置 (%)」、「颜色」、「位置 (%)」中填入或粘贴内容。
- 按需切换线性渐变 / 径向渐变等模式。
- 调整「形状」等选项。
- 点击「‹」执行。
- 在「CSS 代码」查看结果，可一键复制或下载。
可配置选项
| 选项 | 可选值 |
|---|---|
| 形状 | 圆形 (circle)、椭圆 (ellipse) |
同类工具
常见问题
「CSS 渐变生成器」需要注册或安装吗？
不需要。「CSS 渐变生成器」是纯静态网页工具，打开浏览器即可使用，无需账号、插件或客户端。
使用「CSS 渐变生成器」时，我的数据会被上传吗？
不会。「CSS 渐变生成器」的全部计算都在你的浏览器内完成，输入内容不会发送到任何服务器。页面与已访问过的工具会缓存到本地，断网后仍可继续使用；首次打开某个工具时需要联网下载它。
「CSS 渐变生成器」支持哪些模式？
支持 线性渐变 / 径向渐变。切换模式后重新执行即可得到对应结果。
「CSS 渐变生成器」有哪些可配置的选项？
形状可选 圆形 (circle)、椭圆 (ellipse)。
「CSS 渐变生成器」可以在手机上使用吗？
可以。界面适配桌面端与移动端，并支持深浅色主题，在手机浏览器中同样可以正常操作。