Partagez un code d'effet spécial CSS qui rend l'ensemble du site gris

Partagez un code d'effet spécial CSS qui rend l'ensemble du site gris, une applet WeChat. J'aimerais partager ce qui suit

Le code CSS pour griser l'ensemble du site qui est compatible avec les navigateurs grand public :

1. html { 
       -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
       -ms-filter: grayscale(100%);
       -o-filter: grayscale(100%);
       filter:url("data:image/svg+xml;utf8,<svg xmlns=&#39;http://www.w3.org/2000/svg&#39;><filter id=&#39;grayscale&#39;><feColorMatrix type=&#39;matrix&#39;  values=&#39;0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0&#39;/></filter></svg>#grayscalerayscale");
       filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); zoom: 1;
   }

Il existe également des codes js en niveaux de gris disponibles :

grayscale(document.body);
grayscale.js Veuillez le rechercher vous-même.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!