Линейный градиент с несколькими фонами

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; 

Большое спасибо

Martin

Answer 1

Вы можете установить цвет как слово yellow или вы можете использовать RGB, RGBA или Hexadecimal значения цвета.

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

<div></div>