線性漸變不顯示全綵色停止

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

這裏是一個工作片斷，正確的語法是'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>

Answer 2

呀你梯度語法是錯誤的：檢查MDN

應該是這樣的：

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