渐变生成器

background: linear-gradient(135deg, #4ade80 0%, #3b82f6 100%);

这个工具能做什么

调一个渐变背景,然后把 CSS 复制走。可以选线性或径向两种,两个颜色自己挑,线性渐变还能用滑块设角度(0–360°)。右边是实时预览,下面同步显示生成的 background 代码。

使用步骤

  1. 选择线性渐变或径向渐变。
  2. 设置颜色 1、颜色 2,线性渐变再调一下角度。
  3. 点“复制 CSS 代码”,直接粘贴到样式表里。

常见问题

能加三个以上的颜色吗?

目前只支持两个颜色。需要多色渐变可以复制代码后手动在里面加色标。

能导出成图片吗?

这个工具只输出 CSS。如果要渐变背景的商店截图,可以去截图生成器里直接选渐变背景。

更多工具见开发者工具箱; 要做应用商店预览图,可以用App Store 截图生成器。