線性漸變無法全彩色顯示

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>