网站整体变灰色教程 通过CSS使网站所有内容变灰白 包括图片
在一些特殊的纪念日,我们需要将自己的网站变成灰白色。比如南京大屠杀纪念日等一些特殊的日期,警示同胞牢记国难,不忘屈辱,悼念遇难同胞,奋发图强,是我们每个自媒体人的责任和义务。我们需要将自己的媒体变为灰白色。用下面的css代码可以快速的将自己网站的所有内容变为灰白色,包括图片。效果如下:
教程:
将以下CSS代码放到wordpress网站后台主题中的自定义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,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); }


本文系作者 @siqing 原创发布在 思晴·思暖。未经许可,禁止转载。