在CSS中，线性渐变CSS看起来像：
background-image: linear-gradient(blue, lightblue);
这将从蓝色开始渐变，以浅蓝色结束。实际上并不漂亮，但是它只是一个例子。
现在，如果您只有起始颜色怎么办？如果您从传递的颜色参数开始（假设它在MVC ViewModel中传递）怎么办？例如，您可能已经传递了“红色”的值，并且您希望从起始的“红色”到稍微更浅的红色具有线性渐变，以形成一个不错的渐变？
您是否需要知道“红色”或将其转换为十六进制值，然后通过操纵十六进制数来生成渐变色终止颜色？有没有“正常”的方式来做到这一点？IE
或者
这是一个非常简单的解决方案，可以节省您处理颜色的麻烦；无需将命名的颜色传递给渐变，而是将其设置为background-colour元素的，将白色渐变设置为background-image，从完全透明到要淡化基础颜色的程度从淡入淡出。
这是一个使用backgroundshorthand属性的示例，其颜色从底部过渡到顶部：
div{
background-image:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.75));
height:100px;
margin:0 0 10px;
}
#red{
background-color:red;
}
#green{
background-color:green;
}<div id="red"></div>
<div id="green"></div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句