[CSS Demo] The website page becomes grayed out, And the cssdemo page

[CSS Demo] The website page becomes grayed out, And the cssdemo page

It turns all elements of the website into a gray tone, which is supported by the entire browser. The filter is used for better performance. It is recommended that you use a temporary solution.

Effect (click the following button ):

Put an image here for effect display:

The CSS code is as follows:

Body {-webkit-filter: grayscale (100%);-moz-filter: grayscale (100%);-ms-filter: grayscale (100%);-o-filter: grayscale (100%); filter: grayscale (100%); filter: progid: DXImageTransform. microsoft. basicImage (grayscale = 1); filter: gray;-webkit-transform: translateZ (0 );}

 

Source: the website becomes grayed out CSS