title: Apply linear gradient to background
body: <p>I have been trying to apply linear gradient to the background, but there are stripes that appear in the middle I'm not getting a smooth gradient, how to get a smooth gradient from top to bottom</p>
  
  <p>MY CSS</p>
  
  <pre><code>-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background: #DADADA;
  background-repeat: no-repeat;
  background: -webkit-linear-gradient(white, #DADADA);
  background: -moz-linear-gradient(white, #DADADA);
  background: -ms-linear-gradient(white, #DADADA);
  background: -o-linear-gradient(white, #DADADA);
  </code></pre>
  
  <p>My Fiddle : <a href="https://jsfiddle.net/3njyc0xm/" rel="nofollow noreferrer">https://jsfiddle.net/3njyc0xm/</a></p>