渐变使我们能够在两种或更多颜色之间过渡。
一旦我们只使用图像来实现颜色的过渡效果，但是梯度的出现就可以减少下载时间和宽带使用。
放大时梯度元素看起来更好，因为梯度是由浏览器本身生成的。
梯度分为线性梯度和径向梯度。
IE9及以下不兼容
径向梯度（放射性效应），效果和线性梯度相似。
区别在于，默认情况下，基于元素的形状来计算径向梯度的形状。
我们可以指定梯度的中心，形状（圆形或椭圆形）和尺寸。
默认情况下，梯度的中心是中心（在中心点指示），梯度形状为椭圆形（指示椭圆形），梯度的大小是最远的角（指示为最远的角）。
这
我们还可以设置形状，参数定义形状，可以是（圆形）或（椭圆形，默认）。
当然，我们还可以自定义大小，并且参数定义了大小
可以设置的值：
这
重复的径向梯度与未重复的径向梯度相同。它只需要手动指定颜色分布，以便出现重复样式。
原始：https：//juejin.cn/post/7099049426009718821