
css颜色叠加并非简单的颜色混合
在CSS样式中,叠加红、绿、蓝三种原色并不能得到黑色,这与我们日常理解的颜色混合有所不同。
CSS中元素的叠加是层叠关系,后置元素会覆盖前置元素,并非颜色混合。即使使用半透明元素叠加,结果也是显示最上层元素的颜色,而不是颜色混合后的结果。
光学原理中,红绿蓝是加色混合模型,叠加结果是白色,而非黑色。要得到黑色,需要减色混合模型,例如颜料混合。
若需实现颜色混合效果,可使用CSS的background-blend-mode属性,它提供了多种混合模式,可以实现颜色混合、叠加等效果。
立即学习“前端免费学习笔记(深入)”;










