是否可以在CSS（双线性渐变）中创建2轴4颜色渐变？

Question

我在JavaScript和<canvas>中的实例。 https://codepen.io/KonradLinkowski/pen/QWbjaPr

Answer 1

您可以尝试radial-gradient

使用片段播放的示例/ pen：

html {
  height:100vh;
  background:
    radial-gradient(ellipse at top     left, rgb(236, 249, 87)  15% , transparent 60%), 
    radial-gradient(ellipse at bottom  left, rgb(247, 69, 204)  15% , transparent 60%),
    radial-gradient(ellipse at top    right, rgb(121, 238, 196) 15% , transparent 60%),
    radial-gradient(ellipse at bottom right, rgb(81, 82, 213)   15% , transparent 60%)
}