HTML5+Css3-webkit-filter

-webkit-filter

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

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

原图
HTML5+Css3-webkit-filter

模糊
HTML5+Css3-webkit-filter

50%灰度
HTML5+Css3-webkit-filter

100%灰度
HTML5+Css3-webkit-filter

50%褐色
HTML5+Css3-webkit-filter

100%褐色
HTML5+Css3-webkit-filter

50%亮度
HTML5+Css3-webkit-filter

100%亮度
HTML5+Css3-webkit-filter

色相
HTML5+Css3-webkit-filter

反色
HTML5+Css3-webkit-filter

饱和度
HTML5+Css3-webkit-filter

对比度
HTML5+Css3-webkit-filter

上一篇:Ubuntu gitlab安装文档及邮件通知提醒配置


下一篇:centos7 更新Firefox版本