一条属性让网站变成灰色

昨天是国家哀悼日，我发现所有主流网站都变成了灰色，那么这是怎么做到的呢。

其实这里用到了css3的滤镜filter属性，以及属性值grayscale()。

只需要给html标签加个class即可。

html.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

IE不支持filter

就拿youtube来试试看。

before:

after: