Web网站置灰的几种方式代码

html {
filter: grayscale(.95);
-webkit-filter: grayscale(.95);
}

<svg xmlns="https://www.w3.org/2000/svg">
  <filter id="grayscale">
    <feColorMatrix type="matrix" values="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"/>
    </filter>
</svg>
​
<style>
    html {
        filter: url(#grayscale);
    }
</style>

<style>
    html {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: scroll;
        background: #fff;
    }
    html::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 1);
        mix-blend-mode: color;
        pointer-events: none;
        z-index: 10;
    }
</style>