CSS 渐变生成器

线性径向角度 90°

关于这个工具

可视化生成 CSS 渐变：选择两到三个色标，用滑块设置每个色标的位置，并在线性渐变（角度 0°–360° 可调）与径向渐变之间切换。大预览块即时更新，下方生成精确的 background 代码，可直接复制到样式表。

线性渐变沿你设定的角度方向铺开——0° 朝上、90° 朝右；径向渐变从中心向外扩散。添加一个中间色标可得到平滑的三色过渡。全部在浏览器本地运行，不会上传任何内容。