Rumah > hujung hadapan web > tutorial css > 不能忘却的悼念:将网页背景变为黑白色调教程

不能忘却的悼念:将网页背景变为黑白色调教程

青灯夜游
Lepaskan: 2020-04-04 11:57:26
asal
4485 orang telah melayarinya

不能忘却的悼念:为表示对本次重大疫情逝去的人们哀悼,php中文网将网站整体变为了黑白色,以表示对逝者的悼念。

下面将代码分享给大家:

黑白色CSS代码

html{
  -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray; 
}
Salin selepas log masuk

很简单,加上一段代码即可。

使用教程:

这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现整站素装。

48.png

添加后黑白效果图:

4ebf7448c81497c71ff3171ee08e9e2.png

Atas ialah kandungan terperinci 不能忘却的悼念:将网页背景变为黑白色调教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
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