不会健身的程序员
不是好作家

全站变灰 CSS 代码

512 有时候我们需要哀悼一些事情,或者一些特殊情况想让博客或者网站临时变灰,渲染博主的心情,与博友共勉,不用的时候又可以很快的去掉,小林在网上找到一段CSS代码可以实现,测试基本通过chrome,firefox等主流浏览器。使用的时候只需要将代码放在</head>便签之前即可。

代码如下:

<style>
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);
}
</style>

赞(0)
转载请注明出处:林俊龙博客 » 全站变灰 CSS 代码

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

年年岁岁花相识,岁岁年年人不同

给我留言网站地图

谢主隆恩

支付宝扫一扫打赏

微信扫一扫打赏