Reverse CSS triangle gradient?
<p><a href="https://jsfiddle.net/d21m1mn3/" rel="nofollow">I have this gradient:</a></p>

<pre><code>div {
  height: 100px;
  width: 100px;

  background: linear-gradient(-60deg, transparent 63%, white 63%),
              linear-gradient(60deg, transparent 63%, white 63%),
              linear-gradient(to top, blue, blue);
}
</code></pre>

<p>I want to know a) how do I flip it so it's coming from the top and b) how to rewrite without the third part <code>(to top, blue, blue)</code> since I just want a single color and it seems wrong this way.</p>