面向左的 CSS 线性渐变（从右到左）

Question

这应该很明显，但无论出于何种原因，我都不知道如何制作一个面向左侧的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。

Answer 1

使用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>