css3线性渐变的渐变角度_WebGradients – CSS中180多个线性渐变的在线库

网上有这么多的免费代码生成器 ，您可以轻松创建自己的渐变。 但是麻烦在于找到合适的颜色来匹配您的网站，“点击操作”按钮或您正在设计的其他任何颜色。

WebGradients提供了免费的渐变库，您可以浏览渐变并找到不错的主意。 这些都是完全免费的，并且都包含CSS3源代码以及PNG。

实际上，整个应用程序都可以在GitHub上找到 ，只需单击一个按钮即可提供几乎所有内容。

您可以直接从GitHub下载完整的渐变包，作为样式表文件中的原始CSS代码。 或者，您可以将渐变下载为Photoshop的原始PNG文件，Sketch文件或PSD文件。

这确实是大量免费梯度的集合，对任何网页设计师都应有帮助。 从Web样机设计一直到前端编码，您都可以在设计过程的每个步骤中使用它 。

如果您单击任意一个渐变圆圈，您将获得整个页面的完整视图。 这样一来，您就可以看到渐变看起来像是背景，效果很酷！

另外，您还会在右上角找到一个下载按钮，以及一个将CSS复制到剪贴板的链接。

PSD和Sketch文件都在导航栏上链接，该导航栏位于Gumroad上。

通常，人们将Gumroad用作在线商人，但许多设计师免费提供他们的东西， 并提供可选的酬金 。 下载文件时，您可以根据需要添加提示，但是无论哪种方式，Sketch和PSD文件都可以免费发布。

并非此列表中的每个渐变都适用于您的网站。 但这是一个拥有180个渐变的相当全面的画廊，所以这里肯定会有您喜欢的东西。

翻译自: https://www.hongkiat.com/blog/webgradients-css-gradient-library/