CSS Gradient Generator：轻松打造渐变效果

欢迎来到CSS Gradient Generator，这款应用主要由4个部分构成。

一、渐变列表

在左侧是图层列表。若列表中至少有一个图层，点击相应按钮就能下载最终代码。在此面板中，可管理图层顺序、删除图层以及设置图层可见性。若某图层设为不可见，在生成最终代码时将不被考虑。点击图层时，应用底部会出现设置面板。

二、图层设置面板

在屏幕底部的图层面板中点击特定图层，就会看到设置面板。其左上角的按钮可用于设置渐变类型，旁边的按钮能打开特定渐变的设置面板，如尺寸、重复性、整体透明度、混合模式等。可通过输入、鼠标滚轮或点击字段并上下拖动光标来更改输入值。面板标题旁边有图标，点击可出现菜单，能将特定图层的设置应用到其他图层。抓住面板顶部边缘可移动整个面板。旁边还有按钮可打开能自动给滑块添加点的面板。面板的主要位置是渐变滑块，双击滑块上的点可添加新点，可用鼠标或方向键移动点，按住Ctrl键可多选点。滑块右上角有一些按钮，可用于选择滑块上的下一个/上一个点、切割选定点的渐变（在想禁用选定点的平滑过渡时很有用）、为选定点设置纯色（左右两侧）、复制/粘贴选定点的颜色等，还可通过相应按键执行这些操作，查看帮助中的键盘选项卡可了解最佳操作方式。此外，可通过按钮开启滑块的精确模式。

三、主板

从左侧面板选择图层后，在主板上可设置其焦点、渐变方向以及渐变位置。这些选项取决于给定渐变的类型和尺寸，会显示在主板底部。可使用底部显示的按键（Q、W、E）切换到其他模式，也可用鼠标按键切换。默认情况下，左键用于移动渐变中心点，右键用于旋转渐变，还可用S键启用/禁用网格和捕捉模式。

四、库

库用于存储保存的作品。点击图标可显示库。添加至少一个图层后，可将当前整个作品保存到库中。点击库列表中的项目，其图层会添加到当前作品中且不删除任何现有图层。可继续处理作品然后作为新元素保存到库中。库的右上角有菜单图标，菜单中有几个选项，“管理库”可用于添加新组、重命名现有组或在组间拖动项目；导入和导出可用于从文件导入选定元素并导出到文件；最后一个选项可打开在线库，从该面板可添加其他用户创建的元素。若想自己分享作品，可使用额外的表单，通过点击在线库面板顶部文本中的链接可打开该表单。