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

这里有一个非常好的工具，可以处理所有与渐变相关的事情：http://www.colorzilla.com/gradient-editor/

您可以像在 photoshop 或图形软件中一样调整不透明度。

玩得开心！

Answer 2

我想你的意思是：

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

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

General Assembly Dash, Task 3, gradients