사이트 전체를 회색으로 만드는 CSS 특수 효과 코드 공유

전체 사이트를 회색으로 만드는 CSS 특수 효과 코드인 WeChat 애플릿을 공유하고 싶습니다.

주요 브라우저와 호환되는 전체 사이트를 회색으로 만드는 CSS 코드:

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;
   }

사용 가능한 js 그레이스케일 코드도 있습니다:
grayscale(document.body);
grayscale.js 직접 검색해 보세요.

아아아아

위 내용은 사이트 전체를 회색으로 만드는 CSS 특수 효과 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!