如何将网页变为黑白色

前言:事情是由前几天小米论坛的一位元老级人物去世,然后小米论坛全站更换色彩为黑白色以此来悼念,因此想到了这个技术实现。

1、其实这个只需要使用 CSS 控制就好了,代码如下:

  1. <style>
  2.     html {
  3.         -webkit-filter: grayscale(100%);
  4.         -moz-filter: grayscale(100%);
  5.         -ms-filter: grayscale(100%);
  6.         -o-filter: grayscale(100%);
  7.         filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  8.         _filter:none;
  9.     }
  10. </style>

2、将上述代码加入页面的<head>标签里面即可,效果如下。
如何将网页变为黑白色

发表评论

电子邮件地址不会被公开。必填项已用 * 标注