WebGradients - 精选的 CSS3，.sketch 和.PSD 格式的出色渐变集合

WebGradients  是 180 个线性渐变的免费集合，您可以将其用作网站任何部分的内容背景。轻松复制 CSS3 跨浏览器代码，稍后使用！我们还为每个渐变准备了.PNG 版本。作为奖励，有适用于 Sketch  ＆  Photoshop 的包装  。

• 官方展示：详情
• 项目地址：GitHub

如何使用

1. 下载文件webgradients.css。
2. 将文件放在项目文件夹中。
3. 将文件链接到<head>文档的中。

1
<html>
2
  <head>
3
    <link href="webgradients.css" rel="stylesheet">
4
  </head>
5
  ...

浏览器兼容性

某些渐变使用 background-blend-modeCSS 属性。大多数现代浏览器都支持它。查看完整的兼容性列表（在 Caniuse 上查看）»

您可以在此处了解更多信息background-blend-mode （在 MDN 上查看）»