语法

mix-blend-mode: <mode>

normal: 默认值, 正常

multiply: 正片叠底 - 查看对应像素的颜色信息, 并将基色和混合色复合, 结果色总是比较暗的颜色, 任何颜色与黑色正片叠底都产生黑色, 任何颜色与白色正片叠底都保持不变. 正片就是常见的幻灯片, 正片叠底的效果就是把基色和混合色的图像都做成幻灯片, 把他们叠放在一起, 凑近亮处显示的效果, 由于两张幻灯片都有内容, 所以重叠起来的图像比单张要暗

screen: 滤色 - 滤色原理和显示器成像原理相同, 将两副幻灯片分别放在不同投影仪上, 打向同一个屏幕, 由于光线的叠加效应, 得到的是一个更明亮的图像. 基色的反相与混合色的反相相乘, 得到的结果除以 255 后再反相.

overlay: 叠加

lighten: 变量

darken: 变暗

color-dodge: 颜色减淡

color-blur: 颜色加深

hard-light: 强光

soft-light: 柔光

difference: 差值 - 混合色与基色相减后取绝对值

exclusion: 排除

hue: 色相

saturation: 饱和度

color: 颜色

luminosity: 亮度