网站整体变成灰色CSS代码

作者 : ruankor

为了纪念一些影响力很大的伟人逝世或者重要的纪念日的时候需要让网页全部变灰来表示我们对逝者的悼念。
其实这个功能很简单，只需要在HTML 的head标签里加入如下代码即可

第一种：添加代码到style.css文件

在 wordpress 主题的目录中找到 style.css 文件，把下面的代码添加到最底部即可。

html {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-filter: gray;
filter: gray;
filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

第二种：仅让首页变灰

我们可以留意到如京东、淘宝等一些 APP、网页，会让首页变灰，内页仍保留颜色。

在 WordPress 里我们如何实现这样的效果呢？

把下面的代码，添加到 functions.php 文件最底部即可。

如果你使用的是 nicetheme 出品的 wordpress 主题，则需要把代码添加到 functions_xxx.php 名称的文件中，比如 cosy 主题，则添加到名称为 functions_cosy.php 文件中。

function nicetheme_global_greyscale() {
if ( is_home() ){
echo ‘

‘;
}
}
add_action(‘wp_head’, ‘nicetheme_global_greyscale’);

1.所有资源均搜集自互联网，版权归原作者！仅供测试使用，如有侵权请联系我们！
2.分享目的仅供大家学习和交流，您必须在下载后24小时内删除！本站不承担任何法律责任！
3.不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 仅对资源整理优化，不对资源内容负责！不免费包含技术服务！
5.若资源链接失效，请联系发帖作者，添加群联系管理员或添加客服！

软壳源码网 » 网站整体变成灰色CSS代码