Html CSS：如何翻转这个线性渐变？

我有一个代码，它创建了一条三角形线。这很好，但我想要相反的。取而代之的是边缘向上，向下。我试了30分钟让它工作。。。我只是没有得到线性梯度。 这是电流输出

我希望它是这样的：

代码如下：

  background-image: linear-gradient(45deg, #E4E1D6 25%, transparent 25%,transparent), 
                  linear-gradient(-45deg, #E4E1D6 25%, transparent 25%, transparent), 
                  linear-gradient(45deg, transparent 75%, #E4E1D6 75%),                
                  linear-gradient(-45deg, transparent 75%, #E4E1D6 75%);
  width: 100%;
  background-position: 0px 7px;
  position: relative;
  top: -47px;
  height: 7px;
  background-size: 10px 12px;

谢谢您的帮助。

只需将背景位置：0px 7px更改为背景位置：0

div{ 背景：线性梯度45度，E4E1D6 25%，透明25%，透明， 线性梯度-45度，E4E1D6 25%，透明25%，透明， 线性梯度45度，透明75%，E4E1D6 75%， 线性梯度-45度，透明75%，E4E1D6 75%； 宽度：100%； 背景位置：0； 位置：相对位置； 高度：7px； 背景尺寸：10px 12px； } 只需将背景位置：0px 7px更改为背景位置：0

div{ 背景：线性梯度45度，E4E1D6 25%，透明25%，透明， 线性梯度-45度，E4E1D6 25%，透明25%，透明， 线性梯度45度，透明75%，E4E1D6 75%， 线性梯度-45度，透明75%，E4E1D6 75%； 宽度：100%； 背景位置：0； 位置：相对位置； 高度：7px； 背景尺寸：10px 12px； }