javascript - 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

使用向左。

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>