Tutorial on graying out the entire WordPress website, including graying out images on the entire site

In many special festivals or specific occasions, we are required to change the website to gray color, but many people do not know how to solve it, either through plug-ins or through the color settings that come with the theme. This time I will show you how to easily make the entire website gray by setting a simple custom CSS code, even the images are gray. The tutorial is as follows:

1. Website gray CSS code

Copy the following code and insert custom CSS into your website theme.

html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;
utf8,#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}

Recommended site searches: Korean virtual host domain name registration center, foreign server rental prices, free virtual host, US host reviews, external IP query, buying space, server, domain name registration, special space,