今天是全国人民向抗击新型冠状病毒肺炎疫情斗争牺牲的烈士和逝世的同胞表达哀悼的日子,为了响应号召,各大网站都把自己网站的主题色变成了灰色。
闲在家里无事浏览网页时我就很好奇,是怎么能做到把整个网页的字体、图片、背景图都变成灰色的呢?网上搜了一下,原来只需要很简单的代码就能实现。。
html {-webkit-filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}
只需要给页面添加上这样一个css样式就可以了
filter是CSS3的一个属性,他定义了元素(通常是)的可视效果(例如:模糊与饱和度)。
好像不怎么常用,我居然没有印象。。。。。。