整站灰色CSS

admin

撰写于 2023年 09月 22 日

网站整站灰色CSS

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(100%);   //其实这一条也就够了

-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
//以上就是灰色一般来说用最开始2行就可以了
    mix-blend-mode: luminosity; //反色
    border: ridge; //图片加边框

当然还可以这样利用反色

background-color: #fff;
mix-blend-mode: luminosity;

效果如下.