滤镜 Filter这些滤镜不仅可以单独使用，而且还可以组合起来使用。再结合CSS的混合模式使用，简直王炸啊。来看看这个

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

这些滤镜不仅可以单独使用，而且还可以组合起来使用。例如：

.filter{
    filter: brightness(.9) contrast(1.2) saturate(1.3);
}

效果如下：

图片明艳不少了，简直是弱鸡版的美图秀秀！

再结合CSS的混合模式使用，简直王炸啊。来看看这个效果：

img{
    filter: brightness(3) invert(1) grayscale(1);
    mix-blend-mode: difference;
}

父元素作为画布添加 filter: contrast()，在子元素上添加 filter:blur() 就能实现融合效果了。