Css 对线性渐变段应用不同角度

如何将不同的角度应用于渐变段，例如，红色和蓝色渐变为45度，绿色渐变为90度，如下图所示

.gradient1{
高度：200px；
宽度：200px；
背景图像：线性梯度（90度，红色0%，蓝色50%，绿色50%）；
边缘底部：10px；
}
.梯度2{
高度：200px；
宽度：200px；
背景图像：线性梯度（45度，红色0%，蓝色50%，绿色50%）；
}

---

听起来像是一个圆锥梯度：

.box{
宽度：200px；
高度：200px；
背景：圆锥梯度（底部-90度，红色、蓝色、绿色90度）；
}

---

所以你想要45度的红色和蓝色，90度的绿色。是吗？是的，这正是我想要的我不太清楚。你想让一个元素（比如一个div）以你在顶部显示的图片为背景——一半是红色和蓝色的对角线，另一半是绿色的？这当然可以通过背景图像线性渐变来实现，但我只是想检查所需的结果。是的，我需要它作为div的背景。绿色右半部分应该有清晰的垂直边界，但红色应该在45度时逐渐过渡到蓝色（我的图像没有准确显示）。第三个匹配我需要的。谢谢