css - 线性渐变一般是如何完成的？css

Question

我需要这样的渐变

我用黑色和白色来做渐变

background: linear-gradient(0deg,rgba(0,0,.3),rgba( 255,255,0));

但是我从哪里得到黄色的？

.line {
background: linear-gradient(0deg,rgba(0,0,.3),rgba( 255,255,0));
color:white;
height:20px;
text-align: center;
}

<div class = 'line'>Test Gradient</div>

请帮帮我

标签： css

Answer 1

rgb 值255, 255, 0是黄色的。您可能想使用255, 255, 255但打错了。

background如果您使用以下方法更改值，它将被修复：

linear-gradient(0deg, rgba(0,0,0,.3), rgb(255,255,255))

编辑：您还应该按照评论中建议rgba(0,0,.3)的 @Ouroborus 进行更新。rgba(0,0,0,.3)