怎么把网站变灰色,一段css即可

2022-12-07 15:08:03 浏览数 (1)

1.source目录下创建css目录,再创建grep.css(名字随意,只要保证与引用时对应),添加以下代码(之前自定义过css的,直接在原css文件添加以下代码)

代码语言:javascript复制
html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

2.在主题配置文件中引用,本站使用的betterfly主题,引用方法如下(其他主题引用方法请自行查看文档),在主题配置文件中inject.head配置项引用即可

代码语言:javascript复制
<link rel="stylesheet" href="/css/grey.css">

如下图配置

css

0 人点赞