Less.js: 包括反转颜色函数

创建于 2012-01-21 · 6评论 · 资料来源: less/less.js

目前我正在使用
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
反转颜色但是
color: invert(@color)
将是更好的工作语法。

函数代码：

 反转：功能（颜色）{
 var rgb = [255 - color.rgb[0],
 第255话
 第255话 
 返回新的（树。颜色）（RGB）；
 },

我用 less.js 1.2.1 测试它所以它工作

feature request medium priority up-for-grabs

资料来源

Oskariok

👍3

最有用的评论

+1为此：
只是为了澄清，你的意思是你正在使用

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley 于 2012-06-16

👍2

所有6条评论

更新了原帖

Oskariok 于 2012-02-02

+1为此：
只是为了澄清，你的意思是你正在使用

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley 于 2012-06-16

👍2

+1也是如此。

srsgores 于 2013-05-02

这现在可以通过否定来实现

http://lesscss.org/functions/#color -blending-negation

lukeapage 于 2014-02-20

不是真正的negation 。 @Oskariok发布的 javascript 代码很简单 Less (#fff - @color)或等于difference(#fff, @color) 。然而后来@ascottmccauley建议的Less 代码不一样，它只反转颜色的亮度（所以第一篇文章的Less 和javascript 片段不匹配）。 “反转亮度”也可以用更少的冗长来实现： spin((#fff - @color), 180);

seven-phases-max 于 2014-02-20

👍1

好吧，无论哪种方式..

lukeapage 于 2014-02-20

此页面是否有帮助？

0 / 5 - 0 等级

Less.js: 包括反转颜色函数

最有用的评论

所有6条评论

相关问题