颜色渐变生成
生成CSS渐变色代码
## 功能介绍
颜色渐变生成工具可以生成CSS渐变色代码,支持线性渐变和径向渐变,自定义颜色和方向。
## 操作步骤
1. 选择渐变类型(线性/径向)
2. 选择渐变方向(角度或方位)
3. 添加颜色节点和设置位置
4. 实时预览效果
5. 复制生成的CSS代码
## 渐变方向说明
- 线性渐变:`to top`(向上)、`to right`(向右)、`45deg`(45度角)
- 径向渐变:从中心向四周扩散
## 适用场景
- 网页背景设计
- 按钮样式
- 卡片装饰
颜色渐变生成工具可以生成CSS渐变色代码,支持线性渐变和径向渐变,自定义颜色和方向。
## 操作步骤
1. 选择渐变类型(线性/径向)
2. 选择渐变方向(角度或方位)
3. 添加颜色节点和设置位置
4. 实时预览效果
5. 复制生成的CSS代码
## 渐变方向说明
- 线性渐变:`to top`(向上)、`to right`(向右)、`45deg`(45度角)
- 径向渐变:从中心向四周扩散
## 适用场景
- 网页背景设计
- 按钮样式
- 卡片装饰
💡 **技巧**
- 添加多个颜色节点可以获得更丰富的渐变
- 使用transparent可以创建透明渐变
- 添加多个颜色节点可以获得更丰富的渐变
- 使用transparent可以创建透明渐变
输入内容
使用说明
📝 使用步骤: 1. 在上方输入框中输入需要处理的内容 2. 点击「执行」按钮进行处理 3. 处理结果将显示在输入框中