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

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

巴扎黑
Lepaskan: 2017-06-09 15:49:33
asal
2406 orang telah melayarinya

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

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 Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan