Issue with linear-gradient on when using HSL color definition
<p>I am targeting the latest version of Chrome, I suppose linear-gradient is <a href="http://caniuse.com/#feat=css-gradients" rel="nofollow">compatible</a> even without vendor prefix.</p>

<p>I have notice that when using HSL colors in the gradient definition prefix must be added otherwise it does no render at all.</p>

<p>I would like to know:</p>

<ul>
<li>Is this a special case so vendor prefix is a compulsory or it is a browser bug?</li>
</ul>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>#test {
  width: 250px;
  height: 250px;
  /*works */
  background: -webkit-linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsl(0, 0%, 0%) 100%), -webkit-linear-gradient(left, hsl(0, 0%, 50%) 0%, hsla(0, 0%, 50%, 0) 100%);
  /* does no work
  background: linear-gradient(top, hsl(0, 0%, 100%) 0%, hsla(0, 0%, 100%, 0) 50%, hsla(0, 0%, 0%, 0) 50%, hsl(0, 0%, 0%) 100%), -webkit-linear-gradient(left, hsl(0, 0%, 50%) 0%, hsla(0, 0%, 50%, 0) 100%);
*/
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="test"&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>