title: How to have multiple complex rotation apply to the background
body: <p>Currently, I have the two linear-gradients I want to apply to the same background. </p>
  
  <p>It should give me 2 triangles, and with 180deg rotation.</p>
  
  <p>linear-gradient(90deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100% ), </p>
  
  <p>linear-gradient(270deg, rgba(0, 99, 255, 0.1) 0%, rgba(70, 233, 255, 0.1) 100%),</p>
  
  <p>I want to apply this to the same background. </p>
  
  <p>I have tried the following, and both failed:</p>
  
  <p>Failed 1: </p>
  
  <pre><code>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%)"
  </code></pre>
  
  <p>Failed 2:</p>
  
  <pre><code>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%) "
  </code></pre>
  
  <p>The successful effect should looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/YbhfM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YbhfM.png" alt="It&#39;s a triangle, with 180deg rotation"></a></p>