前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >怎么把网站变灰色,一段css即可

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

作者头像
sgr997
发布2022-12-07 15:08:03
7290
发布2022-12-07 15:08:03
举报
文章被收录于专栏:博客分享博客分享

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">

如下图配置

示例
示例
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档