- 语言特性
- LESS - 嵌套规则
- LESS - 嵌套指令和冒泡
- LESS - 运算
- LESS - 转义
- LESS - 函数
- LESS - 命名空间和访问器
- LESS - 作用域
- LESS - 注释
- LESS - 导入
- LESS - 变量
- LESS - 扩展
- LESS - 混合宏
- LESS - 参数化混合宏
- LESS - 混合宏作为函数
- LESS - 向混合宏传递规则集
- LESS - 导入指令
- LESS - 导入选项
- LESS - 混合宏保护
- LESS - CSS 保护
- LESS - 循环
- LESS - 合并
- LESS - 父选择器
- 函数
- LESS - 其他函数
- LESS - 字符串函数
- LESS - 列表函数
- LESS - 数学函数
- LESS - 类型函数
- LESS - 颜色定义函数
- LESS - 颜色通道函数
- LESS - 颜色运算
- LESS - 颜色混合函数
- 使用
- LESS - 命令行使用
- 在浏览器中使用 LESS
- LESS - 浏览器支持
- LESS - 插件
- LESS - 程序化使用
- LESS - 在线编译器
- LESS - 图形用户界面
- LESS - 编辑器和插件
- LESS - 第三方编译器
- LESS - 框架
- LESS 有用资源
- LESS - 快速指南
- LESS - 有用资源
- LESS - 讨论
LESS - 颜色混合函数
本章我们将了解 LESS 中的颜色混合函数。这些函数类似于 Photoshop、Fireworks 或 GIMP 等图像编辑器中使用的操作,可以将 CSS 颜色与图像匹配。
下表显示了 LESS 中使用的颜色混合函数。
序号 | 函数及描述 |
---|---|
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函数相反,从第二种颜色中减去第一种颜色。 |
广告