网上有很多渐变生成器,但我试图使这个生成器尽可能全面和易于使用。
您可以自定义渐变的各个方面,包括堆叠多个渐变、创建线性和径向渐变、应用重复渐变以及许多其他功能。
使用生成器应该是直截了当的。然而,我将在这一部分提供一些细节,以了解该项目的能力。
您可以通过单击渐变库下面的添加按钮来添加新的渐变层。每层都有显示/隐藏和删除按钮。
当您悬停或选择图层时,将显示这些按钮。如果库中只有一层,按钮将不会显示,因为使用它们没有意义。
在此部分可以配置所有主要选项。渐变类型(线性、径向)、重复、渐变形状(圆形、椭圆形)用于径向渐变以及渐变的高度、宽度和位置。
要更改任何色标的颜色,请首先选择该色标,然后使用此部分修改颜色。您可以从颜色框中选择颜色,也可以在提供的输入中插入十六进制颜色。如果愿意,还可以修改颜色的Alpha通道。
颜色框的设计类似于Chrome Developer Tools颜色选择器。因此,如果您熟悉那个拾色器,它应该类似于这个。
您可以通过拖动渐变栏上的图钉来更改停止值,或者通过单击图钉上的值直接设置该值。
此部分有两种主要用法。保存(或应用)您生成的预设或选择可用的预设。
单击预置部分下面的“更多”按钮,可以查看更多500个渐变预设。
显示后,要隐藏预置部分,您可以使用鼠标滚轮向下滚动或在渐变显示上的任意位置单击。