LESS - 颜色混合函数
在本章中,我们将了解 LESS 中的颜色混合函数。这些操作与 Photoshop、Fireworks 或 GIMP 等图像编辑器中使用的操作类似,可将 CSS 颜色与图像匹配。
下表显示了 LESS 中使用的颜色混合函数。
Sr.No. | 函数和描述 |
---|---|
1 | multiply
它将两种颜色相乘并返回结果颜色。 |
2 | screen
它采用两种颜色并返回更亮的颜色。它与 multiply 函数的工作原理相反。 |
3 | overlay
它通过结合 multiply 和 screen 的效果来生成结果。 |
4 | softlight
它的工作原理类似于 叠加,但它只使用颜色的一部分,从而柔和地突出显示其他颜色。 |
5 | hardlight
其工作原理类似于叠加,但颜色的作用相反。 |
6 | difference
它从第一个输入颜色中减去第二个输入颜色。 |
7 | exclusion
其工作原理类似于差异功能,但对比度较低。 |
8 | average
它基于每个通道 (RGB) 计算两个输入颜色的平均值。 |
9 | negation
它与差值函数相反,后者从第二个颜色中减去第一个颜色。 |