网站置灰

作者: 恬雅过客 | 来源:发表于2020-04-03 14:15 被阅读0次

由于一些特殊的日子或事件,会要求将网站置灰一天或多天,后面又会恢复正常。直接添加样式即可,当然你也可以写定时器添加。
样式代码如下:

<style>
        html{
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.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);
        }
    </style>

相关文章

  • 网站置灰

    由于一些特殊的日子或事件,会要求将网站置灰一天或多天,后面又会恢复正常。直接添加样式即可,当然你也可以写定时器添加...

  • 网站置灰

    如果需要把网站置灰,我们可以利用css3属性 filter设置如下:其实只需要一行代码就可以使网页变灰

  • 交互-按钮置灰与不置灰

    理了下按钮置灰还是不置灰的逻辑,总结讲就是简单的置灰,复杂的不置灰单项的置灰,多项的不置灰 简单的置灰,单项的置灰...

  • android view置灰(哀悼日)

    置灰前 置灰后 给Activity的顶层View设置置灰,实现全局置灰效果。获取界面的根View:

  • 置灰

    视觉置灰 视觉置灰在界面设计中主要起到的是一个筛选的作用。以豆瓣和虎扑为例,帖子如果浏览过就会置灰。 在电商类的产...

  • App置灰或则页面置灰

    1.页面或则view置灰的方式,如果是整个App置灰就设置view为window

  • android view置灰(哀悼日)

    置灰前: 置灰后: Android页面置灰方案1.Android页面绘制流程一般分为measure、layout、...

  • Qt QListWidget+图标

    置灰

  • 图片置灰

    + (UIImage *)grayImage:(UIImage *)sourceImage { CGColorSp...

  • 按钮到底是应该隐藏还是置灰

    人人都是产品经理网站这篇文章:隐藏还是置灰?教你快速搞定按钮的异常状态http://www.woshipm.com...

网友评论

    本文标题:网站置灰

    本文链接:https://www.haomeiwen.com/subject/xtpuoctx.html