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 尽可能接近它，但颜色肯定可以使用更多的活力。祝客户好运！

CSS疯狂渐变

CSS Crazy Gradient

css

gradient