整站变灰

作者:Jasmine - 2016年05月04日

如果改图片的话工作量不可想象,但下面的方法是仅通过几句css就可以搞定,这就是css技术的强大。

如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。

以下是代码片段:

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


本文作者: Jasmine

本文链接: https://www.jianbaizhan.com/article/399.html

版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!