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滤镜