WordPress一键变灰插件

作者 : 郭然 本文共875个字,预计阅读时间需要3分钟 发布时间: 2022-12-2 共79人阅读

今天江泽民同志逝世,为了缅怀对江泽民同志本站为期三天的

近期小编看到很多wordpress用户在找网站变灰的css或者插件,小编就来分享一下wp的灰色插件。
MemorialDay

以国家名义进行正式纪念与公祭,其世界意义在于,能促使人类历史记忆长久保持唤醒状态,而避免出现哪怕是片刻的忘却与麻木,共同以史为鉴、开创未来,一起维护世界和平及正义良知,促进共同发展和时代进步。

WordPress一键变灰插件插图

修改CSS文件代码

您可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰。

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

在网页的源代码内加入以下代码

如果不想改动CSS文件,您可以通过在网页头部中的标签内部加入内联CSS代码的形式实现网站网页变灰。

<style type="text/css">
html{
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}
</style>

修改body的CSS代码

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}

【来源:https://www.dakablog.cn/archives/78.html,转载请注明】

赞赏

微信赞赏支付宝赞赏

VIP部落提供编程技术、教育培训、优惠购物以及各类软件和网站源码、模板等资源下载。
VIP部落 » WordPress一键变灰插件

常见问题FAQ

提供最优质的资源集合

立即查看 了解详情