昨天是国家哀悼日,我发现所有主流网站都变成了灰色,那么这是怎么做到的呢。
其实这里用到了css3
的滤镜filter
属性,以及属性值grayscale()
。
只需要给html
标签加个class即可。
1 2 3 4 5 6
| html.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
|
IE不支持filter
就拿youtube来试试看。
before:
after: