初识 -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

你可能感兴趣的:(初识 -webkit-filter)