如何使用jquery操纵box-shadow的颜色?

Question

我试图使用tinycolor设置一个框阴影颜色。我知道我可以使用

$("CLASS").css("box-shadow", "VALUE");

但是我想通过在现有的颜色变量上使用tinycolor(一个颜色操作框架)来添加颜色。

I have try:

$(".riHover").css("box-shadow", "inset 0px 0px 13px 0px tinycolor.lighten($('.Color').css('background-color'))"
);

但是我认为我没有正确地构建字符串。有什么想法我做错了吗?

Answer 1

为什么不先使用一个变量来简化您的工作呢?像这样:

var shadowColor = tinycolor.lighten($('.Color').css('background-color'));
$(".riHover").css("box-shadow", "inset 0px 0px 13px 0px " + shadowColor);

Answer 2

你需要删除要调用的javascript函数的引号…

$(".riHover")
  .css("box-shadow", 
       "inset 0px 0px 13px 0px "+ 
       tinycolor.lighten($('.Color').css('background-color'))
      );