整体HTML页面变成灰色

DHLSP15

已于 2023-02-11 17:13:48 修改

阅读量407

点赞数

分类专栏： html 文章标签：前端

于 2022-12-01 11:49:48 首次发布

本文链接：https://blog.csdn.net/DHLSP15/article/details/128129654

版权

html 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

再全局中使用以下样式块，可以使整个网站样式变成指定颜色。

使用的方式是利用css的滤镜功能。

body {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id=… 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale);
    -webkit-filter: grey;
    filter: gray;
}