新闻详情

打开你的思维和眼界,认真审视别人的观点!

十堰网站设计小技巧《网站首页一键设置成灰色》

十堰网站设计小技巧《网站首页一键设置成灰色》 扫码手机阅读
本文由十堰网站设计工程师告诉你,国家重大领导人逝世或重大灾难发生后,使网站首页一键置灰是怎么实现的。

2022年11月30日,上海阴雨绵绵,仿佛是在诉说着什么。哪知在下午各大媒体头条都报道:我们敬爱的前国家主席江泽民同志患白血病合并多脏器功能衰竭,抢救无效,于2022年11月30日12时13分在上海逝世,享年96岁。

这是举国难过的一天,我们沉痛悼念,深切缅怀,一代伟人一路走好!

一键置灰首页

对于这种国家重大领导人逝世或重大灾难发生后,很多知名的企业都会以各自不同的方式进行缅怀悼念。在互联网企业中,大家分别会对自家的产品,如:网站、APP等进行一个首页置灰的设置,来表示沉痛的悼念!那么这个在网站设计中将首页置灰的设置是怎么实现的呢,今天我就带着沉痛的心情,为大家来揭秘。

我们只需要写几行CSS样式就能将我们的网页瞬间变成灰色,具体代码见下面代码:

<style type="text/css">
* {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
img {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
</style>

我们将以上代码放在我们需要置灰的页面中即可,最终效果见下图。更多关于网站设计的技巧,请关注我。


案例
CASE
免费报价

填写您的需求,为您报价