其默认值是none，他不具备继承性，其中filter-function一个具有以下值可选：

  1. grayscale灰度
  2. sepia褐色（求专业指点翻译）
  3. saturate饱和度
  4. hue-rotate色相旋转
  5. invert反色
  6. opacity透明度
  7. brightness亮度
  8. contrast对比度
  9. blur模糊
  10. drop-shadow阴影

模糊实例

图片使用高斯模糊效果：

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 img {
    -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
    filter: blur(5px);
}

使图片变亮:

img {
    -webkit-filter: brightness(200%); /* Chrome, Safari, Opera */
    filter: brightness(200%);
} .........
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄