跳至内容

CSS 渐变生成器

使用多个色标、自定义角度和实时预览构建线性、径向或圆锥形 CSS 渐变。一键复制 CSS。

类型
色标
0%
100%
CSS
background: linear-gradient(90deg, rgb(59 130 246) 0%, rgb(139 92 246) 100%);

特征

它是如何运作的

  1. 选择线性、径向或圆锥形渐变。
  2. 添加色标并设置适合口味的角度。
  3. 一键复制生成的CSS。

您的文件永远不会离开此页面

每个转换都完全使用 WebAssembly 在浏览器中运行。没有上传,没有服务器端处理,没有分析,也没有cookie。运行过程中打开DevTools → Network,会看到出站流量为零。

相关工具

Topics covered