WebGradients

WebGradients是一个提供180种线性渐变背景免费集合的网站。用户可以在这个网站上挑选网站背景，并且利用产生的CSS语法将它快速套用到自己网站的任何部分，免费供商业或个人使用。它的使用方法非常简单，你只需要在网站上选择你喜欢的渐变色，然后复制它的 CSS3 代码，就可以在你的网站上应用它。它还提供了 PNG 图片和 Sketch 和 Photoshop 的软件包，方便你在其他平台上使用它。WebGradients 是一款很适合设计师的色彩百宝箱，它可以帮助你快速找到漂亮的渐变色，让你的网站更加美观和吸引人。

WebGradients的功能特色

1. 丰富的渐变色背景选择：WebGradients提供了180种线性渐变背景供用户选择，每个背景颜色都有名称、色码及预览图，方便用户快速找到符合自己需求的渐变色背景。
2. 实时预览和调整：用户可以在网站上直接预览渐变色背景的效果，并且可以通过简单的操作进行调整，如改变渐变方向、调整颜色比例等，以满足个性化的需求。
3. 多种输出格式：WebGradients支持多种输出格式，如PSD、Sketch、PNG等，方便用户根据自己的项目需求选择合适的格式进行下载和使用。
4. 直接复制CSS代码：用户可以直接在网站上复制生成的CSS代码，然后粘贴到自己的项目中，实现快速应用渐变色背景的效果。
5. 免费和开源：WebGradients是一个免费且开源的网站，用户可以自由使用其中的渐变色背景和CSS代码，无需支付任何费用。

WebGradients 如何取得渐变色的 CSS 语法或 PNG 图片？

访问 WebGradients 的官网，便可看到以配置好的渐变色集合。

如果您想复制 CSS 代码，可以点击每个色卡右下角的「Copy CSS」按钮，然后粘贴到您的网页样式表中。

如果您想下载 PNG 图片，可以点击窗口右上角的「Get PNG」按钮，然后选择保存位置。