Awesome CSS Gradient generator使用教程

打开浏览器输入网站地址https://ggradient.com，进入网站主页后可直接看到默认渐变的编辑界面，也可浏览下方的预设渐变模板。

选择需要生成的渐变类型，点击顶部类型切换按钮，切换线性、径向或锥形渐变，确定渐变的基础类型。

添加或调整色标，在渐变轴上点击添加新色标，拖动色标调整位置，点击色标打开拾色器选择颜色，调整每个色标的透明度。

调整渐变的方向、角度、位置等参数，在侧边参数面板中拖动滑块或输入数值，观察顶部预览区域的渐变效果，调整到符合需求的状态。

确认效果后，找到页面下方自动生成的CSS代码区域，点击复制按钮复制代码，打开自己的前端项目，将代码粘贴到对应选择器的样式中即可使用。