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，但颜色绝对可以使用一些更多光彩。与客户祝你好运！