如何在渐变 属性 中提供 3 种以上的颜色，使 2 种在 50% 中混合均匀，而 1 种在 50% 中显示？

Question

我想给背景的一半边 90 度的渐变颜色和白色给另一半边。这是我的代码

body{    
     background: linear-gradient(90 deg, blue 50%, white 50%);
}

但是这里我想给紫色到粉色的渐变色而不是蓝色。我可以这样做吗？如果是那么怎么办？

this is what I have

this is what I want

提前感谢您的帮助

Answer 1

您可以将主要 div 分成 2 个子 div，然后将 display:flex 应用到主要 div 或将 2 个子 div 浮动（一个到左和右）你可以并排对齐 2 divs 然后你可以单独给它们背景颜色。

Answer 2

您可以通过以下方式实现：

    body {    
      background-image: linear-gradient(90deg,purple,pink 50%,white 50%);
   }