混合模式

描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。

mix-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|color-burn|difference|exclusion|hue|saturation|color|luminosity;

demo

函数	描述
normal	这是默认值。将混合模式设置为普通。
multiply	将混合模式设置为 multiply。
screen	将混合模式设置为 screen。
overlay	将混合模式设置为 overlay。
darken	将混合模式设置为 darken。
lighten	将混合模式设置为 lighten。
color-dodge	将混合模式设置为 color-dodge。
color-burn	将混合模式设置为 color-burn。
difference	将混合模式设置为 difference。
exclusion	将混合模式设置为 exclusion。
hue	将混合模式设置为 hue。
saturation	将混合模式设置为 saturation。
color	将混合模式设置为 color。
luminosity	将混合模式设置为 luminosity。