mix-blend-mode和background-blend-mode实现炫酷画面风格

在网上看到mix-blend-mode，它有相机的功能，可以实现更好的图片风格，想自己搞定，所以记录一下1.效果图2.Mix-blend-mode相关属性{混合混合模式：正常；//普通混合混合模式：乘法；//相乘mix-blend-mode:screen;//过滤颜色mix-blend-mode:overlay;//叠加mix-blend-mode:darken;//变暗mix-blend-mode:lighten;//变亮mix-blend-mode:color-dodge;//颜色变亮mix-blend-mode:color-burn;//颜色变暗mix-blend-mode:hard-light;//强光mix-blend-mode:soft-light;//柔光mix-blend-mode:difference;//区别mix-blend-mode:exclusion;//排除mix-blend-mode:hue;//色调混合混合模式：饱和度；//饱和度mix-blend-mode:color;//颜色混合混合模式：亮度；//亮度混合混合模式：初始；混合混合模式：继承；mix-blend-mode:unset;}3.添加mix-blend-modehtml文件到cssnormal--normalmultiply--叠加底部screen--过滤颜色overlay--覆盖option>darken--darkenlighten--lightencolor-dodge--颜色lighteningcolor-burn--颜色加深hard-light--强光soft-light--柔光difference--区别exclusion--排除hue--色调saturation--饱和度color--颜色luminosity--亮度