这个背景css属性是如何工作的？

我不熟悉语法，术语

线性渐变

它按照它所说的做，并创建从一种颜色到下一种颜色的线性渐变

background: linear-gradient(top, #56B870 0%, #a5c956 100%) ;

这将创建角度为90度的线性渐变。它以红色开始，超过10px将淡入绿色。然后在接下来的10像素时间内，它会逐渐变为蓝色

---

在元素宽度的其余部分，它将保持蓝色，但是如果使用“重复线性渐变”，它将重置为红色并重复。你可以添加任意多的颜色，这很有趣

我无法理解使用px值和%值之间的区别。我自己试过了，但是没有得到满意的结果，因为百分比值越小的颜色覆盖的面积越大。我想我可以从这里得到一些帮助。好的，我明白了，但是它没有覆盖整个背景。我能用它做什么呢？它基本上把背景设置成渐变色。它就像：

背景：红色只是它不是红色背景，而是在不同颜色之间淡出。它的褪色间隔由您指定，例如35%完全褪色35%的元素长度。这有用吗？
linear-gradient(90deg, red 0px, green 10px, blue 20px);