首页 >web前端 >css教程 >总结并分享有关彩色网页变黑白的css代码

总结并分享有关彩色网页变黑白的css代码

巴扎黑
巴扎黑原创
2017-06-09 15:49:332349浏览

很多时候,网站需要讲彩色变为黑白,比如在汶川大地震时,为了表示哀悼,很多网站都由彩色编程黑白了,那么,我们就来总结下如何将网页由彩色变为黑白的方法:

1.将网站、网页整个界面变成黑白灰色调css代码

不多说,请看代码,将网站或者网页变成黑白色

###网页黑白代码外部样式
**写入.css文件请用*

3a9fda51b07fdf08a3862ef39a915d0c.jpg

2.网站变黑白灰色的4种代码详细讲解

2008.5.12四川汶川大地震,带走了很多生命,令人惋惜,为了表示对遇难同胞的深切哀悼,国务院决定2008年5月19日至21日为全国哀悼日。在此期间,许多网站将风格改为“黑、白、灰”,以表示对遇难同胞的哀悼之情。建议全国站长动起来,为在地震中遇难的同胞哀悼

13872d6d139c6163a224fb5038fc3741.png

3.使用CSS将图片转换成黑白的

时代发展,如今,CSS3的逐步推进,我们也开始看到“黑白效果”大规模应用于实际的可能,接下来介绍CSS3 greyscale 滤镜实现,感兴趣的朋友可以了解下 可能早就知道,像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;),不过,当时,其他浏览器是无解的。不过,时代发展,如今,CSS3的逐步推进,我们也开始看到“黑白效果”大规模应用于实际的可能。

65184a70a8500055703335d425a3824f.jpg

4.彩色网页变黑白色CSS代码

以上是总结并分享有关彩色网页变黑白的css代码的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn