javascript - CSS线性渐变朝向左(从右到左)

这应该很明显，但是出于任何原因，我都无法弄清楚如何制作一个朝左的linear-gradient（使用JavaScript）。

var element = document.getElementById("log-list-id-1"); // Works, it's in another function, but definitely works.
element.style.background = "linear-gradient(right, #0000FF, #0000FF 20px, #EEEEEE 21px)";

我知道它适用于其他渐变：

element.style.background = "linear-gradient(#0000FF, #0000FF 20px, #EEEEEE 21px)";

但这并不能使其面向背景。

注意：我使用FirefoxDevelopmentVersion 36。

最佳答案

使用to left。

div {
  width: 300px;
  height: 100px;
  background: linear-gradient(to left, #0000FF, #0000FF 20px, #EEEEEE 21px);
}

<div></div>

使用JavaScript。

var elem = document.getElementsByTagName('div')[0];

elem.style.width = '300px';
elem.style.height = '100px';
elem.style.background = 'linear-gradient(to left, #0000FF, #0000FF 20px, #EEEEEE 21px)';

<div></div>