首页 > 代码库 > HTML5+Css3-webkit-filter

HTML5+Css3-webkit-filter

-webkit-filter

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

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

 

-webkit-filter: blur(2px);

 

 

原图

模糊

50%灰度

100%灰度

50%褐色

100%褐色

50%亮度

100%亮度

色相

反色

饱和度

对比度

 

HTML5+Css3-webkit-filter