CSS 疯狂渐变

Question

有一个客户提出了一个奇怪的要求，要求背景看起来像这样:

而是使用一种颜色的不同深浅来代替。除了性能问题，有没有办法只用 CSS 来做到这一点？据我所知，CSS 仅适用于线性和径向渐变，并且由于这实际上并不属于任何一类，所以我不确定还能做什么。

我最好避免使用图像，主要是出于性能原因

如果有人有任何想法，很想听听他们的意见!

Answer 1

body {
  background: linear-gradient(to right, rgba(0,0,0,0), teal), linear-gradient(to right, rgba(255,0,100,.3), rgba(255,100,127,.2)), linear-gradient(to top right, yellow, rgba(0,0,0,0)), radial-gradient(closest-corner at 20% 80%, yellow, red);
  background-attachment: fixed;
}

我试图仅使用 CSS 来尽可能接近它，但颜色肯定可以使用更多的活力。祝客户好运!