人生就是由众多的细节组成的
正因为是个细节,所以常被人所淡忘

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

今天一定有很多站长发现,百度、腾讯、新浪等国内大型网络平台,颜色都变成灰白了,原因是一代伟人逝世,作为80后站长,对此深感心痛!给网站颜色设置成黑白/灰白颜色,是主机吧对伟人缅怀的唯一方式。
第一种网站变黑白方法:
在 style.css 文件顶端添加下行代码即可,有些 wordpress 网站主题有自定义 CSS 样式功能,可以直接把代码粘贴进行保存即可。

html {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 滤镜让网站整体变灰的方法。
引用地址:https://www.zhujib.com/wordpressbokeshixianwangzhanyansebi.html

赞(1) 打赏
未经允许不得转载:毛桃博客 » 网站颜色变黑白/灰白效果实现方法

评论 抢沙发

评论前必须登录!

 

实践是学习的最佳途径

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

了解更多看平潭

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫

登录

找回密码

注册