css - 具有多个背景的线性渐变

Question

具有多个背景的线性渐变的语法是什么？我的代码只生成黄色而不是从黄色到粉色的渐变？

background-color: rgba(red,1);
background:
    url(/src/stat/chevronRight.svg) 90% 45% no-repeat,
    linear-gradient(to bottom, rgba(yellow,1) 0%, rgba(pink,1) 100%);
background-size: 7px;

非常感谢

马丁

Answer 1

您可以将颜色设置为单词黄色，或者您可以使用RGB、RGBA 或Hexadecimal 颜色值。

div {
  height: 100vh;
  background: url('http://placehold.it/150x150'), linear-gradient(to bottom, yellow, pink);
  background-repeat: no-repeat;
}

<div></div>