去年有个时期,国内各大网站纷纷变成了全局灰色,当时说这个事的时候,有同事不知道怎么实现的,认为是设计师重新做了一套 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);  
}