css - General Assembly Dash，任务 3，渐变

Question

我目前在 General Assembly Dash 网站上，试图“将段落的纯色背景颜色更改为半透明线性渐变”。它应该从底部开始为纯黑色，到顶部以 40% 的黑色结束。”

p {
background: linear-gradient (bottom, rgba(0,0,0,1), rgba(0,0,0,.4));
}

它不会接受我上面的回答，我不确定为什么 - 非常感谢任何帮助。

Answer 1

我想你的意思是:

p { linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,.4)); }

注意 0deg，这意味着渐变将有一个垂直 Angular ，从底部 (rgba(0,0,0,1)) 向上(rgba(0,0,0,.4)). 您可以在此处阅读有关线性渐变的更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient

fiddle demo