你们要的渐变背景，这里有多达180种~

编者按：今天推荐的两个网站，一个收录了180种超美的渐变背景，可直接下载PSD/Sketch 的源文件，一个是高手亲荐的交互设计作品集，看完保证收获爆多。

WebGradients

网站地址：
https://

一个收录 180 个线性渐变背景免费集合的网站，你可以从这里挑选网站背景，利用产生的 CSS 语法将它快速套用到你网站的任何部分。WebGradients 让使用者能直接点击后预览背景效果，一键产生 CSS 语法或下载 PNG 图片格式。

此外，WebGradients 还提供免费的 Photoshop 和 Sketch 下载！如果需要的话，你能从网站上找到购买链接，自由赞助金额，亦可免费取得这两种素材组合包。

STEP 1

开启 WebGradients 网站后，往下拖曳就能找到收录的所有 180 种线性渐变背景颜色，网站右上角有两个链接，分别是 .Sketch 和 .Psd 两种不同图片格式的在线购买链接。

STEP 2

WebGradients 收录的每个背景颜色都有名称、色码及预览图。

点击预览后会直接放大、套用到你目前的网页背景，就能看到该渐层颜色的变化效果。

STEP 3