Reactjs 如何将多个复杂旋转应用于背景

目前，我有两个线性渐变，我想应用到相同的背景

它应该给我2个三角形，旋转180度

线性梯度（90度，rgba（0,99255,0.1）0%，rgba（70233255,0.1）100%）

线性梯度（270度，rgba（0,99255,0.1）0%，rgba（70233255,0.1）100%）

我想把这个应用到相同的背景中

我尝试了以下方法，但都失败了：

失败1：

background: "linear-gradient(90deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100%, 270deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100%)"

失败2：

background: "linear-gradient(90deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100%),linear-gradient(270deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100%) "

成功的效果应该如下所示：

---

在第二次尝试中，删除

（）

第二个示例有效，但问题是其中一个完全覆盖了另一个。你能在你的问题中添加一张图片来展示你想要的是什么吗？嗨，杰，我已经上传了图片。感谢在第二次尝试删除

（）

时，第二个示例是有效的，但问题是其中一个完全覆盖了另一个。你能在你的问题中添加一张图片来展示你想要的是什么吗？嗨，杰，我已经上传了图片。谢谢