web网站黑白设置

最新推荐文章于 2024-08-05 14:25:27 发布

老鼠不会飞

最新推荐文章于 2024-08-05 14:25:27 发布

阅读量329

点赞数

文章标签： css es6

本文链接：https://blog.csdn.net/qq_57422595/article/details/128127339

版权

因为一些需求需要将网站变为黑白色，这个时候如果去挨个调整样式就会显得很麻烦所以在css里面出现了一个属性叫filter

将这个属性全局使用或者单页面使用就能够快速实现这个需求

html,
  body {
    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%);
    filter: gray;
  }

直接在需要的页面使用就能实现页面黑白也可以全局使用，按需覆盖样式