“Mourning” Turns the Entire Website Page Black and White

Remember when the famous singer Qiao Renliang passed away last year, Baidu Images exceptionally created a black-and-white webpage for him, making the entire site appear in black and white whenever users searched for Qiao Renliang on Baidu Images. For days that require mourning, many people also want to turn their entire websites black and white to express their condolences.

Below, I’ll provide the tutorial and code for enabling a fully black-and-white website. You only need to define one CSS rule. To turn the entire website into grayscale, you don’t need to adjust the color tone of each image individually; you only need to add the following definition to the HTML node in your CSS file. The code is as follows:

html {-webkit-filter: grayscale(100%);}

If your website does not reference a CSS file, you can directly use the following HTML code.

<style type="text/css">html {-webkit-filter: grayscale(100%);}</style>

The code above is known to work in QQ Browser, 360 Browser, and Internet Explorer.