zoukankan      html  css  js  c++  java
  • 清明节实现所有网页变灰色

    只需要给网站加个滤镜就可以解决,通过几行代码就可以实现网页变灰这个功能。

    • 方法一

    在common.css中添加:

    html {
      filter:grayscale(100%);
      /* 下面这句:IE下的滤镜,如果直接写上面的属性,在IE下是无法实现的,所以需要加上下面这句,括号中是需要的属性 */
      filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }
    
    • 方法二

    如果文件较少,也可以在内部样式表中添加:(也可添加内联样式)

    <style>
    html {
      filter:grayscale(100%);
      /* 下面这句:IE下的滤镜,如果直接写上面的属性,在IE下是无法实现的,所以需要加上下面这句,括号中是需要的属性 */
      filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }
    </style>
    

    说到底,以上方法都是修改css样式中的filter,来实现页面变成灰色 ,那么我们来了解下filter这个属性吧。

    这个css3的属性以前从来没有接触过,很神奇,属性叫做filter滤镜。
    filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度),默认值为none。
    本次使用到的是grayscale(%):将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0。

  • 相关阅读:
    Android之Wifi使用
    Android之浮动小窗口
    Android之Socket的基于UDP传输
    Android之基本常见知识(持续更新)
    Android之打开闪光灯关键代码
    Android之Oauth验证(一)
    Android之WebView简易应用
    Android之短信广播接收内容
    Google HTML/CSS 代码风格指南
    几个 HTML 标签的用法
  • 原文地址:https://www.cnblogs.com/ZerlinM/p/13998302.html
Copyright © 2011-2022 走看看