网站灰色,致敬英烈

自然
自然
自然
392
文章
465
评论
2020年4月3日20:51:58 评论 1157字阅读3分51秒

又是一年一度的清明节,这是一个祭奠先烈的日子。

自然的博客理应是默哀的灰色调,以此向为新中国热血奋战的英烈们致以沉痛的哀悼。

网站灰色,致敬英烈

网站整体灰色css代码

将代码加入网页的style标签内或者加入网站相识style.css中即可。

html {  
    filter: grayscale(100%);  
    -webkit-filter: grayscale(100%);  
    -moz-filter: grayscale(100%);  
    -ms-filter: grayscale(100%);  
    -o-filter: grayscale(100%);  
    filter: url("data:image/svg+xml; 
    utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
    -webkit-filter: grayscale(1);  
}
知更鸟begin主题专用
/** 灰**/
.nav-top, #navigation-top li a, #navigation-top img, .post, .site-main, .g-row, .widget, .tg-site, .xm4, .links-group, .nav-links, .cover4x, #scroll, .links-box, .cms-news-grid-container, .cat-container, 
.gw-box, .sx4, .owl-theme, .site-footer, .contactus, .single-tag, .authorbio, #submit, .login-overlay, .header-sub, .pagenav-clear, .nav-section, .comment, .comment-respond, .group-tab-site {
	filter: grayscale(90%);
	-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
	-o-filter: grayscale(90%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.9);
}
weinxin
自然博客
快来关注一下,一个linux运维爱好者的个人博客!
自然
  • 本文由 发表于 2020年4月3日20:51:58
知更鸟begin主题面包屑导航栏美化 Wordpress美化

知更鸟begin主题面包屑导航栏美化

前提说明一下,这个教程仅适用于最新版本的知更鸟begin主题,适用老版本begin主题的用户需要自己适配,放心很简单的。每个人对于主题的选择是不一样的,大多数只能找到一个相对于符合自己审美wordpr...
利用短代码给WordPress文章内创建图文内链 Wordpress美化

利用短代码给WordPress文章内创建图文内链

文章的内部链在搜索引擎优化链接建设中一直非常重要,良好的内部链结构对搜索引擎优化非常有利。今天自然给小伙伴们分享一下利用短代码给WordPress文章内创建图文内链的方法。 网上的效果对比 百度上的方...
知更鸟begin主题文件下载信息框美化 Wordpress美化

知更鸟begin主题文件下载信息框美化

由鸟哥开发的begin主题一直以来,广受用户喜爱。我们的主题交流群都已经爆满了,可以火热程度。但是使用中自然发现了一个小问题,文章内的附件下载信心框很单调,有些内容显示出来让用户不明所以,这一点不利于...
知更鸟begin主题顶部添加问候语和显示时间 Wordpress美化

知更鸟begin主题顶部添加问候语和显示时间

学习的路是永远不对走到尽头的,我们永远在路上。对于建站的摸索自然也在不断探寻,不断改进。今天给大家分享一下自然现在在用的顶部问候语和显示时间效果。 顶部添加问候语和显示时间 修改的方式非常简单,只需要...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: