CSS – Как сделать линейный градиент более однородным при смещении ⇐ CSS

[Anonymous]

Очевидно, что четкое разграничение желтого цвета неверно Fadeed
Как сделать так, чтобы оно плавно исчезало при добавлении смещения?
html::before {
content: "";
display: block;
position: sticky;
top: 0;
border-top: 50px solid yellow;
border-image: linear-gradient(to bottom, yellow 40%, transparent) 120;
}


Подробнее здесь: https://stackoverflow.com/questions/790 ... -is-offset