Rumah  >  Artikel  >  hujung hadapan web  >  总结并分享有关彩色网页变黑白的css代码

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

巴扎黑
巴扎黑asal
2017-06-09 15:49:332330semak imbas

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

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代码

Atas ialah kandungan terperinci 总结并分享有关彩色网页变黑白的css代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn