One line of code turns web pages gray

<style type="text/css">
	html, img {
      
      /* 灰度滤镜 */
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
		-webkit-filter: grayscale(1);
		}
</style>

CSS3 filter (filter) property
Filter function
Note: Filters usually use percentages (such as: 75%), and of course decimals can also be used to express (such as: 0.75).

grayscale(%)
converts the image to a grayscale image. The value defines the scale of the conversion. A value of 100% will completely convert to a grayscale image, and a value of 0% will not change the image. Values ​​between 0% and 100% are linear multipliers of the effect. If not set, the value defaults to 0;

-webkit-filter: grayscale(100%) : This style is exclusive to browsers that use the webkit kernel . Browsers with the webkit kernel include Google Chrome, Safari, Sogou High-speed Browser, etc.

-moz represents firefox browser private property

-ms stands for ie browser private property (360 browser is ie kernel)

-webkit represents safari, chrome private properties

-o stands for opera private attribute