CSS常用滤镜属性 -- 备忘录

使用filter属性的方法是在CSS样式中指定一个或多个滤镜函数，比如filter: blur(5px) grayscale(0.5)。每个滤镜函数都有一个或多个参数，用来控制滤镜效果的强度

• url()：引用一个SVG文件中定义的滤镜

• blur()：模糊图像

• brightness()：调整图像的亮度

• contrast()：调整图像的对比度

• drop-shadow()：给图像添加阴影

• grayscale()：将图像转换为灰度

• hue-rotate()：旋转图像的色相

• invert()：反转图像的颜色

• opacity()：调整图像的透明度

• saturate()：调整图像的饱和度

• sepia()：将图像变成棕褐色

你可以按照任意顺序组合多个滤镜函数，它们会按照从左到右的顺序依次应用到元素上

详细在掘金
链接：https://juejin.cn/post/7208188059632484413