admin avatar

全站变灰css代码,哀悼缅怀烈士,为新冠状病毒失去生命英雄致以最高的敬意

🕗 by admin





面对新冠状病毒我们的中华民族团结一致,尽心尽力的共同战疫,

短短两个月使病毒得到了大部分非常有效的控制,是英雄们,最美逆行者在为所有人负重前行,

甚至不惜牺牲自己去拯救更多的生命。在此变更网站色调全站变灰,仅此吊念昔日为国牺牲,

为新冠状病毒防疫抗疫失去生命的英雄致以最高的敬意!

下面是全站变灰的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

本文跟原链接略有修改~~~





💘 相关文章





写一条评论

Based on Golang + fastHTTP + sdb | go1.18.1 Processed in 1ms