前言
在photoshop中,我们处理图片,在图层之间有混合模式,点击混合模式里面的选项,可以使图片实现不同的效果,这个混合模式在css3中也有实现!下面就来介绍一下css3的混合模式。css3的混合模式主要使用mix-blend-mode这个属性来实现的。当然,也可以用background-blend-mode。下面我就来介绍一下这2个属性吧!
mix-blend-mode
其实这个用法很简单,就是在你需要混合的div上面添加这个属性就可以了,例如如下:
mix-blend-mode: multiply;
multiply,这个就是我们ps中的正片叠底!