初识 -webkit-filter

现在规范中支持的效果有：

• grayscale 灰度
• sepia 褐色
• saturate 饱和度
• hue-rotate 色相旋转
• invert 反色
• opacity 透明度
• brightness 亮度
• contrast 对比度
• blur 模糊
• drop-shadow 阴影

• 现在，让我们看一下一些简单的效果吧：

  原图
  

  模糊
  

  50%灰度
  

  100%灰度
  

  50%褐色
  

  100%褐色
  

  50%亮度
  

  100%亮度
  

  色相
  

  反色
  

  饱和度
  

  对比度
  

  
  

  文章转载自：http://www.qianduan.net/what-is-webkit-filter.html