Gradient Maker

CSS 渐变生成

渐变类型

线性径向圆锥

方向

0°90°360°

颜色控制

%

%

渐变预览

CSS代码

CSS渐变生成工具说明

此工具可以帮助您创建和自定义CSS渐变效果。

线性渐变：沿直线方向的渐变效果
径向渐变：从中心点向外扩散的渐变效果
圆锥渐变：围绕中心点旋转的渐变效果

使用提示:

使用滑块调整线性渐变的角度
点击颜色框选择颜色或直接输入HEX值
调整颜色位置控制渐变的过渡点
点击"复制代码"将CSS代码复制到剪贴板