📖 渐变生成器使用说明

CSS渐变（Gradient）是一种在两个或多个颜色之间创建平滑过渡的视觉效果，广泛用于网页背景、按钮、卡片和UI装饰。本工具支持线性渐变（linear-gradient）和径向渐变（radial-gradient）两种类型。线性渐变沿指定角度方向过渡，径向渐变从中心向四周圆形扩散。您可以通过拖拽色标的位置和添加/删除色标来精确控制渐变效果，生成的CSS代码可直接复制到您的项目中使用。

📝 使用步骤

1. 选择类型 — 切换线性或径向渐变模式。
2. 调节角度 — 拖动角度滑杆改变线性渐变的方向（0-360°）。
3. 编辑色标 — 点击颜色块选取颜色，拖动滑杆调整色标位置，点击"+ 添加色标"增加颜色节点。
4. 复制CSS — 下方的CSS代码随编辑实时更新，点击"📋 复制CSS"即可使用。

💡 适用场景

• 网页设计 — 为网站头部、按钮和卡片设计渐变背景。
• UI组件 — 制作渐变色图标和装饰元素。

🛠️ 更多开发者工具