WordPress博客实现网站颜色变黑白/灰白效果方法

今天一定有很多站长发现,百度、腾讯、新浪等国内大型网络平台,颜色都变成灰白了,原因是一代伟人逝世,作为80后站长,对此深感心痛!给网站颜色设置成黑白/灰白颜色,是主机吧对伟人缅怀的唯一方式。

WordPress博客实现网站颜色变黑白/灰白效果方法插图

这里主机吧教大家如何把网站颜色设置成黑白/灰白。

第一种网站变黑白方法:

在 style.css 文件顶端添加下行代码即可,有些 wordpress 网站主题有自定义 CSS 样式功能,可以直接把代码粘贴进行保存即可。

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

第二种网站变灰度方法:

将以下代码放入 </head> 前即可让对应网页变黑灰色!

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

第三种网站变灰色方法:

如里上面的两种方式都不喜欢,可以通过修改 <html> 标签,以加入内联样式的方法,达到网页变灰的效果。

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);">

第四种网站整体变灰方法:

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- */
}

好了,以上就是四种通过 CSS 滤镜让网站整体变灰的方法。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
搜索