title: -webkit-linear-gradient not working on chrome
body: <p>I had below css for <code>mozilla firefox</code></p>
  
  <pre><code>background: transparent -moz-linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%;
  </code></pre>
  
  <p>But when I added below styles for <code>chrome</code>, <code>opera</code> and <code>IE</code>, none of them seems working. What's wrong with the below as it only works with <code>FF</code> and not with other browsers?</p>
  
  <pre><code>background: transparent -webkit-linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%;
  background: transparent -o-linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%;
  background: transparent -linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%;
  background: transparent -ms-linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%;
  </code></pre>
  
  <p>I also tried with just <code>-webkit-gradient</code> instead of <code>-webkit-linear-gradient</code> for chrome atleast, but no luck.</p>
  
  <p>Here is a <strong><a href="https://jsfiddle.net/Guruprasad_Rao/10jkk4vz/2/" rel="nofollow">DEMO</a></strong>. If you view in <code>FF</code> it applies <code>gradient background</code> but not on other browsers.</p>