CSS3滤镜——前端页面一键置灰

 body,html {
     filter: grayscale(1);
     -webkit-filter: grayscale(1);
 }

filter滤镜属性

filter	描述
none	默认值，没有效果
blur(px)	高斯模糊
brightness(%)	曝光
contrast(%)	对比度
drop-shadow(h-shadow v-shadow blur spread color)	阴影
grayscale(%)	灰度
hue-rotate(deg)	色相旋转
invert(%)	反转图像
opacity(%)	透明度
saturate(%)	图像饱和度
sepia(%)	深褐色
url()	自定义SVG滤镜

---