zoukankan      html  css  js  c++  java
  • css全站变灰

    2020年4月4日全国哀悼日这一天,我发现不少网址都变灰了,我第一想法就是怎么做到的?不可能换素材整个网址重做一遍吧?后面发现是用的其实是css的filter滤镜:

    grayscale可以将图像转化为灰度图像:

    html {
      filter: grayscale(.95);
    }

    视频、canvas之类都会变灰:

     

    用egret做的游戏也变灰了。

    那除此之外,filter还有什么作用呢?

    可以用它的brightness属性来做移动端标签的点击阴影效果,不用设计再出一张图啦:

    brightness:可以控制图像的明亮度,默认值为1

    .app-link {
      filter: brightness(.8);
    }

    效果:

  • 相关阅读:
    系统测试的策略
    POJ1611(并查集)
    POJ2752(KMP)
    POJ3176(DP)
    HDU2579(BFS)
    HDOJ1175(BFS)
    HDOJ1242(BFS)
    HDOJ1180(BFS)
    HDOJ1372(BFS)
    HDOJ2717(BFS)
  • 原文地址:https://www.cnblogs.com/caoshufang/p/12649757.html
Copyright © 2011-2022 走看看