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>

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

1 个答案: