全站变灰css代码,哀悼缅怀烈士,为新冠状病毒失去生命英雄致以最高的敬意
面对新冠状病毒我们的中华民族团结一致,尽心尽力的共同战疫,
短短两个月使病毒得到了大部分非常有效的控制,是英雄们,最美逆行者在为所有人负重前行,
甚至不惜牺牲自己去拯救更多的生命。在此变更网站色调全站变灰,仅此吊念昔日为国牺牲,
为新冠状病毒防疫抗疫失去生命的英雄致以最高的敬意!
下面是全站变灰的css代码,
1
2
3
4
5
6
7
*{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
针对网站图片灰度控制,
1
2
3
4
5
6
7
img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
个别图片实现灰色
1
2
3
4
5
6
7
8
/*只针对于class位grey的图片*/
img.grey{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
如果网站部署了CDN加速,那么刷新全部CDN缓存需要时间,也会带来源站的压力
建议直接在网页源站模板css路径后面添加?,即可自动刷新CDN缓存。。。
比如 http://demo.demo/static/css/style.css?
文章参考 https://segmentfault.com/a/1190000007781619
本文跟原链接略有修改~~~