渐变使我们能够在两种或更多颜色之间过渡。
一旦我们只使用图像来实现颜色的过渡效果，但是梯度的出现就可以减少下载时间和宽带使用。
放大时梯度元素看起来更好，因为梯度是由浏览器本身生成的。
梯度分为线性梯度和径向梯度。
IE9及以下不兼容
这
例如：
颜色不写的颜色是从上到下的过渡
多种颜色
1.用于指示梯度线性梯度的方向 - 从左到右
线性梯度-Diagonal
2.设置角是指水平线和梯度线之间的角度。它将创建从下到顶部的梯度，并创建从左到右的梯度。
一些旧浏览器表明，它将从左到右创建一个梯度，并从下到顶部创建一个梯度。
我们可以使用转换公式：x是标准角度，y是一个非标准角度。
使用透明度的操作与上述相同，但是颜色变成了透明效果。
这
重复的线性梯度与未重复的线性梯度相同。仅需手动需要颜色分布，以便出现重复样式。
原始：https：//juejin.cn/post/7099048020490059812