css中background-blend-model是什么意思
时间: 2024-05-29 20:15:10 浏览: 13
`background-blend-mode` 是一个 CSS 属性,用于指定背景图像和背景颜色的混合模式。它可以用于创建各种视觉效果,例如将背景图像和背景颜色混合在一起,或者在两个或更多背景图像之间创建混合效果。
`background-blend-mode` 属性允许您指定以下混合模式之一:
- `normal`:默认模式,背景颜色完全覆盖背景图像。
- `multiply`:将背景颜色与背景图像相乘。
- `screen`:将背景颜色与背景图像相加并减去它们的乘积。
- `overlay`:根据背景颜色的亮度值调整背景图像的亮度和对比度。
- `darken`:将背景颜色和背景图像比较,选择最暗的颜色作为最终颜色。
- `lighten`:将背景颜色和背景图像比较,选择最亮的颜色作为最终颜色。
- `color-dodge`:将背景颜色除以背景图像的反色。
- `color-burn`:将背景颜色与背景图像的反色相除,然后取反。
- `hard-light`:根据背景颜色的亮度值调整背景图像的亮度和对比度,如果背景颜色比中间值更暗,则将背景图像变暗,否则将背景图像变亮。
- `soft-light`:根据背景颜色的亮度值调整背景图像的亮度和对比度,如果背景颜色比中间值更暗,则将背景图像变暗,否则将背景图像变亮。
- `difference`:将背景颜色和背景图像相减并取绝对值。
- `exclusion`:根据背景颜色和背景图像的亮度值计算最终颜色。
使用 `background-blend-mode` 属性还可以指定多个背景图像之间的混合模式,通过使用逗号将多个值分隔开来设置。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)