线性渐变无法全彩色显示

Question

嗨，我正在尝试在元素达到元素的50％但没有任何显示的情况下在元素上添加线性渐变并使用全彩色停止。

我在Codepen中创建了一个示例：

https://codepen.io/anon/pen/mwaGQW

这是我用来添加背景图像的代码：

 background-image: linear-gradient(to right, color-stop(50%, #94A14E), color-stop(50%, #C5C5C5));

谁能告诉我我在做什么错？

Answer 1

是的，您的渐变语法有误：请检查MDN

应该是这样的：

background-image: linear-gradient(to right,#94A14E 50%, #C5C5C5 50%);

Answer 2

这是一个有效的代码段，正确的语法是'linear-gradient(to right,#94A14E 50%, #C5C5C5)'

 (function() { let element = document.querySelector('.ceva'); element.style.backgroundImage = 'linear-gradient(to right,#94A14E 50%, #C5C5C5)' })() 

 .ceva { width:300px; height:300px; } 

 <div class="ceva"></div>