概念
CSS3混合模式（ CSS Blend Modes ）是CSS3新增的一个魔法特性，可以允许多个背景或多个元素进行混合，类似于Photoshop的图层混合模式
CSS3混合模式属性一览
background-blend-mode
background-blend-mode ： <blend-mode>
设置多背景之间的混合模式，背景色、背景图像、渐变背景之间的混合模式。
<blend-mode>可以接受16个取值，分别为：normal | multiply | screen | overlay | darken | lighten |color-dodge |color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity如下图
mix-blend-mode
mix-blend-mode：<blend-mode>
- 设置多元素之间的混合模式。
- html元素之间、html与svg元素之间均可
isolation
isolation：auto | isolate
- 设置元素的隔离模式
下载Demo