CSS 颜色处理属性-mix-blend-mode

mix-blend-mode:

属性名称	描述
normal	默认值，不进行混合
multiply	将两个元素的颜色值进行相乘，产生一种颜色加深的效果
screen	将两个元素的颜色值进行屏幕混合，产生一种亮度增强的效果
overlay	将两个元素的颜色值进行叠加混合，产生一种颜色加深和亮度增强的效果
darken	将两个元素的颜色值进行比较，取较暗的颜色作为混合结果
lighten	将两个元素的颜色值进行比较，取较亮的颜色作为混合结果
color-dodge	将两个元素的颜色值进行颜色减淡混合，产生一种颜色变亮的效果
color-burn	将两个元素的颜色值进行颜色加深混合，产生一种颜色变暗的效果
hard-light	将两个元素的颜色值进行强光混合，产生一种颜色加深和亮度增强的效果
soft-light	将两个元素的颜色值进行柔光混合，产生一种颜色加深和亮度减弱的效果
difference	将两个元素的颜色值进行相减，产生一种类似于反色的效果
exclusion	将两个元素的颜色值进行排斥混合，产生一种颜色变浅的效果
hue	将两个元素的颜色值进行色相混合，产生一种颜色变化的效果
saturation	将两个元素的颜色值进行饱和度混合，产生一种饱和度变化的效果
color	将两个元素的颜色值进行颜色混合，产生一种颜色变化的效果
luminosity	将两个元素的颜色值进行亮度混合，产生一种亮度变化的效果