使用说明 & CSS渐变示例

一、交互功能说明

1. 百分比输入框：修改0%/80%/100%数值，实时更新渐变断点位置。

2. 颜色选择器：点击色块内部拾色器，可自定义起止渐变颜色。

3. 角度输入：0~360度任意修改，控制渐变倾斜方向。

4. 复制按钮：点击一键复制全部CSS代码，弹出成功提示。

5. 所有参数修改后，预览区与代码框实时同步刷新。

二、线性渐变示例（linear-gradient）

代码：background: linear-gradient(90deg, #ff6b6b, #4ecdc4);

三、径向渐变示例（radial-gradient）

代码：background: radial-gradient(circle, #ffe66d, #ff9f1c);

四、兼容前缀说明

代码自动生成webkit/moz/ms/o浏览器私有前缀，兼容老旧浏览器。