CSS实现网站哀悼(全站变灰色)

摘要

有时出现需要表示哀悼的时候,要求把网站整体变得黑白,只要简单的代码就可以实现。

有时出现需要表示哀悼的时候,要求把网站整体变得黑白,只要简单的代码就可以实现。

在引入的CSS文件末尾加入以下内容即可

html{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	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);
}
SmallTown
  • 本文由 发表于 2017年5月18日11:04:14
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

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