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