修改未知/未引用值的css颜色(变亮/变暗)

时间:2017-05-31 20:54:15

标签: html css

我想通过css照亮/变暗对象:

background-color: lighten(oldcolor, 50%);

但我没有oldcolor值。如何引用包含此css类的对象并获取它的颜色值?

例如:



.myclass {
  background-color: lighten(this.object.color, 50%);
}

<div id="test" class="myclass">bla</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我想到了三个建议:

1)将opacity:.5;background-color:yellow(例如)

结合使用

2)使用html color picker查找颜色并查看颜色变体并使用所需的变体。

3)使用'inspect'或通过页面的打印屏幕找到原始颜色,并使用photoshop / gimp中的颜色选择器找出确切的颜色代码,然后使用它(使用不透明度或原始html在线颜色选择器中的颜色代码,以找到变体)

希望这有帮助