去年有个时期,国内各大网站纷纷变成了全局灰色,当时说这个事的时候,有同事不知道怎么实现的,认为是设计师重新做了一套 UI,前端程序员紧急上线的,其实并不用,说起来也非常简单,只需要在前端加入如下代码即可:

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