title: Making gradient background fill page with css
body: <p>I have this gradient background but I don't want it to repeat the way it does to fill the page, I want it to be one large gradient that fills the page.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #70bg32;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(to left top, blue, red);
    background: -moz-linear-gradient(to left top, blue, red);
    background: -ms-linear-gradient(to left top, blue, red);
    background: -o-linear-gradient(to left top, blue, red);
    background: linear-gradient(to left top, blue, red);
  }</code></pre>
  </div>
  </div>
  </p>
  <p><a href="http://jsfiddle.net/F7vf9/" rel="nofollow noreferrer">http://jsfiddle.net/F7vf9/</a></p>