如何将网站变成黑白色?所有网站通用

加入会员,尊享特权

2020年4月4日,全国哀悼日,所有政府类的网站都要求变为黑白色的,看到这个消息之后,我的第一反应是:拿到网站所有的图片资源,PS中建立动作进行去色操作,将图片转换成黑白的进行替换。

后来发现了个更简单的办法,用css控制即可,具体代码如下

html,
body {
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

将上面这段代码拷贝到公用的css文件中或者页面样式部分即可,简单高效

连swf文件和背景色之类的全部都调整成功了,非常完美

效果如下:

发表回复

后才能评论