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，但顏色絕對可以使用一些更多光彩。與客戶祝你好運！