我有一个像这样的css风格:
button.gradient {
background: -moz-linear-gradient(top, #00ff00 0%, #009900 50%, #00dd00);
background: -webkit-gradient(linear, left top, left bottom, from(#00ff00), color-stop(0.50, #009900), to(#00dd00) );
}
这是一个带有渐变背景颜色的绿色按钮。如何使用 javascript 将背景颜色从绿色更改为蓝色,同时保持渐变效果?
Firefox 和 Chrome 都不再使用前缀版本,而且已经有一段时间没有了。
来源: http://caniuse.com/#search=gradient
所以让你的生活更轻松,只需使用正确的语法:
background-image: linear-gradient(to bottom, #0f0, #090, #0d0);
然后,您可以根据需要简单地更改渐变。