CSS：如何翻轉線性漸變？

Question

我有這段代碼創建了三角形的線。 很好，但是我想反過來。 相反，邊緣要向上，要向下。 我嘗試了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;

感謝幫助。

Answer 1

只需將background-position: 0px 7px為background-position: 0 0

 div { background: 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: 0 0; position: relative; height: 7px; background-size: 10px 12px; } 

 <div></div>