html {

    -webkit-filter: grayscale(1);

}

-webkit-filter（滤镜）有十种效果，分别是：




    // grayscale 灰度


    // sepia 褐色


    //saturate 饱和度


    // hue-rotate 色相旋转


    // invert 反色


    //opacity 透明度


    //brightness 亮度


    //contrast 对比度


    //blur 模糊


    //drop-shadow 阴影




 






												


											
css 让页面变灰色的更多相关文章
	

    
						
  1. 纯css实现图片或者页面变灰色
		
    前言 今天是个沉痛的日子,全国哀悼英雄,各大平台平日鲜丽的界面置纷纷换成了灰色,以表对逝者的安息与尊敬!!对付疫病,我没多大的本事,只能记录一点点知识来提升自己擅长的技术,待到将来能为国家尽一份绵薄之 ...
    
		
    2. 
						
  2. CSS实现图片变灰色及透明度
		
    [图片变灰] 每当遇到哀悼日,很多网站快速变灰色,来看看实现方式吧: 方式一,仅支持ie) html{filter:progid:DXImageTransform.Microsoft.BasicIma ...
    
		
    3. 
						
  3. css控制图片变灰色，彩色
		
    <A href="链接地址"><IMG src="p1.jpg" border="0"></A> < ...
    
		
    4. 
						
  4. 页面定制CSS代码初探（一）：页面变宽 文本自动换行 图片按比缩放
		
    初识博客 初写博客,先在设置里选了个喜欢的模板 第一眼就爱上了呢!那极简的风格,我喜欢!!但是,应用后,却发现... 纳尼!模板上右侧那张漂亮的图片呢?!我的怎么什么都没有.没有图片好难看啊,瞬间无爱 ...
    
		
    5. 
						
  5. css 网站变灰色
		
    网站变灰色 html{ -webkit-filter: grayscale(%); -webkit-filter: grayscale(); filter: grayscale(%); filter: ...
    
		
    6. 
						
  6. 用 CSS 隐藏页面元素
		
    用 CSS 隐藏页面元素有许多种方法.你可以将 opacity 设为 0 将 visibility 设为 hidden 将 display 设为 none 将 position 设为 absolute ...
    
		
    7. 
						
  7. 用 CSS 隐藏页面元素的 5 种方法
		
    原文链接:用 CSS 隐藏页面元素的 5 种方法,转载请注明来源! 用 CSS 隐藏页面元素有许多种方法.你可以将 opacity 设为 0.将 visibility 设为 hidden.将 disp ...
    
		
    8. 
						
  8. 通过Nginx使全站页面变灰
		
    摘要:某大神的博客说“在Nginx负载均衡服务器上,利用sub_filter指令在输出的HTML中增加一行:<style type="text/css">html {f ...
    
		
    9. 
						
  9. CSS 隐藏页面元素的 几 种方法总结
		
    用 CSS 隐藏页面元素有许多种方法.你可以将 opacity 设为 0.将 visibility 设为 hidden.将 display 设为 none 或者将 position 设为 absolu ...
    
		
    10. 
						
  10. 【学习DIV+CSS】2. 学习CSS（一）--CSS控制页面样式
		
    1. CSS如何控制页面 使用XHTML+CSS布局页面,其中有一个很重要的特点就是“结构与表现相分离”(结构指XHTML,表现指CSS).有人这样描述这种分离的关系,结构XHTML好比一个人,表现C ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 阿里云发布企业云原生IT成本治理方案：五大能力加速企业 FinOps 进程
			
    ​简介:阿里云企业云原生 IT 成本治理方案助力企业落地企业 IT 成本治理的理念.工具与流程,让企业在云原生化的过程中可以数字化地实现企业 IT 成本管理与优化,成为 FinOps 领域的践行者与领 ...
    
			
    2. 
						
  2. Go 语言网络库 getty 的那些事
			
    简介: Getty 维护团队不追求无意义的 benchmark 数据,不做无意义的炫技式优化,只根据生产环境需求来进行自身改进.只要维护团队在,Getty 稳定性和性能定会越来越优秀. 个人从事互联网 ...
    
			
    3. 
						
  3. OSI模型之数据链路层
			
    一.简介 数据链路层在物理层提供服务的基础上向网络层提供服务,其最基本的服务是将源自网络层的数据可靠地传输到相邻节点的目标机网络层.其主要作用是加强物理层传输原始比特流的功能,将物理层提供的可能出错的 ...
    
			
    4. 
						
  4. 几个函数的使用例子：更新VBRK-XBLNR，IB01设备BOM创建，LI11N输入库存盘点
			
    最近用到一些函数,网上的相关资料不多,这里记录一下. 本文链接:https://www.cnblogs.com/hhelibeb/p/17012303.html 1,使用 RV_INVOICE_HEA ...
    
			
    5. 
						
  5. Solution Set - LCT
			
    A[洛谷P3690]维护一个森林,支持询问路径xor和,连边(已连通则忽略),删边(无边则忽略),改变点权. B[洛谷P3203]\(n\)个装置编号为\(0,...,n-1\),从\(i\)可以一步 ...
    
			
    6. 
						
  6. 快速入门一篇搞定RocketMq-实现微服务实战落地
			
    1.RocketMq介绍 RocketMQ起源于阿里巴巴,最初是为了解决邮件系统的高可靠性和高性能而设计的.在2016年开源分布式消息中间件,并逐渐成为Apache顶级项目.现在是Apache的一个顶 ...
    
			
    7. 
						
  7. minicube安装
			
    minicube安装 一.安装手册: https://minikube.sigs.k8s.io/docs/start/ 二.安装 打开官网,选择和自己对应的系统和要下载的版本.点击下面的release ...
    
			
    8. 
						
  8. Seata原理浅析
			
    前言 Seata是阿里开源的分布式事务解决方案,本文将详细介绍 Seata 的事务模式.原理以及使用.了解之前需清楚什么是分布式事务. 一.什么是 Seata Seata 是一款开源的分布式事务解决方 ...
    
			
    9. 
						
  9. java学习之旅（day.08）
			
    类与对象的关系 类是一种抽象的数据类型,是对某一类事物的描述,但并不代表具体的事物,如动物与狗的关系,类描述的是某一类事物具备的共同特点 对象是抽象概念的具体实例 能够展现出功能,体现出特点的是具体的 ...
    
			
    10. 
						
  10. containerd 源码分析：启动注册流程
			
    0. 前言 containerd 是一个行业标准的容器运行时,其强调简单性.健壮性和可移植性.本文将从 containerd 的代码结构入手,查看 containerd 的启动注册流程. 1. 启动注 ...
    
			
    11.