优速快递官网整体已变成了肃穆的黑白色调。

最新推荐文章于 2022-10-28 14:22:56 发布

贝贝 luck

最新推荐文章于 2022-10-28 14:22:56 发布

阅读量298

点赞数

分类专栏： css3 属性

本文链接：https://blog.csdn.net/qq_34794885/article/details/89875760

版权

css3 属性专栏收录该内容

2 篇文章 0 订阅

订阅专栏

优速物流有限公司创立于2009年，总部位于上海青浦，是一家提供全国性快递服务的规模型快递企业。

优速快递官网整体已变成了肃穆的黑白色调，本以为有众多的工作量，把每个彩色图片变成灰色，还有文字变成灰色，结果打开官网一看，优速直接全局给 html 加了个 filter 属性，使所有页面呈灰白色调。

下面贴上优速官网 css filter属性实现代码：

html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter ….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);
    filter: gray;
    -webkit-filter: grayscale(1);
}