Confirmed.
Your syntax is wrong, but it doesn't matter, bug exists even with correct syntax.
Correct syntax:[code]background: #cbdcb3 linear-gradient(to bottom, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);[/code]
Changed "top" to "to bottom". See latest candidate recommendation section 4.1.
You should add vendor prefixes to your old version because unprefixed version isn't recognized by most browsers yet:[code] background: #cbdcb3 -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
background: #cbdcb3 -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
background: #cbdcb3 -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
background: #cbdcb3 linear-gradient(to bottom, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
[/code]
Bug behaves differently if used inside and outside of property, but in both cases it messes up syntax.
