CSS 线性渐变生成器
直观地构建 CSS 渐变：线性、径向或圆锥类型、角度滑块和多达六个色标，并具有实时全角预览和可复制代码。
处理中...
0%
结果
此页面打开已选择线性类型的渐变生成器。拖动角度滑块可旋转淡入淡出、调整色标、全角预览以及每个输入上的 CSS 线更新。
Linear-gradient() 沿直线绘制颜色——迄今为止 CSS 中最常用的渐变。从左到右 90 度，从上到下 180 度，中间的任何角度都会形成对角线；以百分比表示的停止位置决定每个色带开始与下一个色带混合的位置。
当预览看起来正确时，将背景线复制到样式表中。如果您想要一个起点而不是一张白纸，日落、海洋和柔和的预设页面可以打开这个相同的工具，并且已经加载了经过验证的颜色对。