HTML网页一键变黑白色调

网站特殊场景下需要切换为黑白色调(例如标识哀悼),我们就可以使用CSS 的 filter(滤镜) 属性:

html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,#grayscale"); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

效果如下:

HTML网页一键变黑白色调_第1张图片

 

你可能感兴趣的:(CSS,css,前端,html5)