大会Dash，任务3，梯度

Question

我目前在大会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，这意味着梯度将有一个垂直的角度，从底部(rgba(0,0,0,1))到向上(rgba(0,0,0,.4))。您可以在这里阅读更多关于线性梯度的内容：https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient。

小提琴演示

Answer 2

下面是一个非常好的工具，用于所有与梯度相关的事情：http://www.colorzilla.com/gradient-editor/

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

HaveFun！