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

Question

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

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

线性梯度（90度，rgba（0, 99, 255, 0.1）0%，rgba（70, 233, 255, 0.1）100%），

线性梯度（270度，rgba（0, 99, 255, 0.1）0%，rgba（70, 233, 255, 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%) "

成功的效果应该是这样的：

标签： reactjsantd