线性渐变

功能介绍

线性渐变生成器可以生成CSS线性渐变代码，支持自定义渐变方向和颜色位置。

主要功能

1. 渐变方向选择

支持8种预设方向和自定义角度

2. 多颜色支持

支持2-4个颜色，每个颜色可设置位置

3. 实时预览

实时预览渐变效果

4. CSS代码生成

自动生成完整的CSS代码

5. 一键复制

点击复制CSS代码

使用方法

1. 选择渐变方向
2. 设置各颜色及其位置
3. 查看渐变预览
4. 点击复制按钮复制CSS代码

适用场景

• 网页设计：为网页元素添加渐变背景
• UI设计：创建渐变按钮和图标
• CSS开发：生成渐变CSS代码

常见问题

如何设置渐变角度？

选择"自定义角度"选项，然后拖动滑块或输入角度值（0-360度）。

颜色位置是什么意思？

颜色位置表示该颜色在渐变中的起始位置，0%表示起点，100%表示终点。

如何创建双色渐变？

只设置颜色1和颜色2，将颜色3和颜色4留空即可。