如何反转在​​较少的颜色(How to invert colors in LESS)

2019-07-04 10:03发布

是否有特定颜色的操作,我没有看到在那里你可以反转颜色? 我看到很多颜色的方法,但不能找到一种方式来做到这一点。

参考:

http://lesscss.org/

Answer 1:

有反转色彩的多重解读。

  • 你想与异性色调颜色:

    spin(@color, 180)

  • 你想要的颜色与当前的总和为白色:

    #fff - @color



Answer 2:

我不认为这是反转颜色的特定功能,但你可以做的是设置你的颜色为变量。 例如:

@color1: #666;
@color2: #fff;

body {
background-color: @color1;
color: @color2;
}

h1 {
color: @color2;
}

然后,只需使用设定为在主样式表中使用的变量倒置颜色的替代样式表。 只要你使用整个CSS中的变量,这些颜色将被反转。



文章来源: How to invert colors in LESS
标签: colors less