通过CSS的filter属性,可以对图像应用各种滤镜效果。常见的滤镜效果包括:
blur:模糊效果grayscale:灰度效果sepia:深褐色效果invert:反色效果opacity:透明度
img {
  filter: blur(3px);
}
上面的代码会让图片模糊3像素。
通过CSS的mix-blend-mode属性,可以控制两个元素之间的混合模式。常见的混合模式包括:
normal:正常模式multiply:正片叠底screen:滤色overlay:覆盖soft-light:柔光
.element {
  mix-blend-mode: multiply;
}
上面的代码会让元素与其下方的元素进行正片叠底混合。