使用jquery

时间:2017-09-27 06:06:14

标签: jquery css html5 css3 linear-gradients

我正在向div添加动态线性背景。我有一个rgb格式的颜色代码。你如何获得与使用jquery在后端保存的colde略有不同的结束颜色代码。我正在添加像这样的背景

background: linear-gradient(-58deg, #0057a0, #00b8e1);

基本上我正在添加像这样的线性背景

style="background: linear-gradient(-58deg, '+Card.bgColor+', '+Card.bgColor+');"

Card.bgColor是来自后端的rgb值。我想只使用更深或更浅的颜色阴影作为渐变的最终颜色。请帮帮我。

1 个答案:

答案 0 :(得分:1)

如果您可以使用第三方插件,那么您可以尝试使用这些东西TinyColor来提供一些功能,以便在输入的内容上使颜色代码变亮或变暗。

tinycolor("#f00").lighten().toString(); // "#ff3333"
tinycolor("#f00").lighten(100).toString(); // "#ffffff"