渐变色生成
生成 CSS 线性渐变和径向渐变代码,可视化预览效果。
功能特性
线性渐变和径
线性渐变和径向渐变
自定义角度和
自定义角度和颜色
实时预览效果
实时预览效果
使用步骤
01选择颜色和渐变类型
选择颜色和渐变类型。
02调整参数
调整参数。
03复制 CSS 代码
复制 CSS 代码。
适用场景
网页背景UI 设计海报设计
常见问题
linear-gradient 怎么写?
CSS 线性渐变语法:background: linear-gradient(角度, 颜色1, 颜色2)。例如 background: linear-gradient(135deg, #ff6b6b, #4ecdc4) 表示 135° 方向的渐变。可用渐变色生成器一键生成。