通过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; }
上面的代码会让元素与其下方的元素进行正片叠底混合。