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. Apsara Stack 技术百科 | 联结良性生态，筑千行百业的数字基石
			
    ​简介:作为现今IT领域最重要的课题:基础设施云化,离不开与伙伴的携手合作,如何让云上解决方案能充分释放价值的同时形成一个相互依存的自循环生态系统,混合云君来跟你聊聊! ​ 生态系统这个词在维基百科上 ...
    
			
    2. 
						
  2. 实时数仓入门训练营：Hologres性能调优实践
			
    简介: <实时数仓入门训练营>由阿里云研究员王峰.阿里云资深技术专家金晓军.阿里云高级产品专家刘一鸣等实时计算 Flink 版和 Hologres 的多名技术/产品一线专家齐上阵,合力搭建 ...
    
			
    3. 
						
  3. Dataphin功能：集成——如何将业务系统的数据抽取汇聚到数据中台
			
    ​简介: 数据集成是简单高效的数据同步平台,致力于提供具有强大的数据预处理能力.丰富的异构数据源之间数据高速稳定的同步能力,为数据中台的建设打好坚实的数据基座. 数据中台是当下大数据领域最前沿的数据建 ...
    
			
    4. 
						
  4. [FAQ] Error: com.mysql.jdbc.Driver not loaded. :jdbc_driver_library
			
    以上问题出现在 logstash.conf 未配置好 MySQL 的 JDBC 驱动时导致的错误提示. 首先,下载好 MySQL JDBC 驱动库,可以放到 logstash.conf 所在当前目录或 ...
    
			
    5. 
						
  5. 【Flink入门修炼】2-3 Flink Checkpoint 原理机制
			
    如果让你来做一个有状态流式应用的故障恢复,你会如何来做呢? 单机和多机会遇到什么不同的问题? Flink Checkpoint 是做什么用的?原理是什么? 一.什么是 Checkpoint? Chec ...
    
			
    6. 
						
  6. 🎉 Socket.D v2.4.12 发布（新增 python 实现）
			
    Socket.D 协议? Socket.D 是一个网络应用协议.在微服务.移动应用.物联网等场景,可替代 http.websocket 等.协议详情参考<官网介绍>. 支持: tcp, u ...
    
			
    7. 
						
  7. 012_DRC检查与处理
			
    Check entire design:DRC检查整个原理图: Check Selection:DRC检查选择的部分电路: Use occurrences:选择所有事件进行检查: Use instan ...
    
			
    8. 
						
  8. 开源文档预览项目 kkFileView (9.9k star) ，快速入门
			
    kkFileView 是一款文件文档在线预览解决方案,采用流行的 Spring Boot 框架构建,易于上手和部署. 该项目基本支持主流办公文档的在线预览,包括但不限于 doc.docx.xls.xl ...
    
			
    9. 
						
  9. 【VMware vCenter】连接和使用vCenter Server嵌入式vPostgres数据库。
			
    vCenter Server 早期支持内嵌(embedded)和外部(external)数据库,内嵌数据库就是vPostgres,基于VMware Postgres数据库(PostgreSQL数据库) ...
    
			
    10. 
						
  10. JUC并发编程学习笔记（一）认知进程和线程
			
    进程和线程 进程 一个程序,如QQ.exe,是程序的集合 一个进程往往可以包含多个线程,至少包含一个 java默认有两个线程,GC垃圾回收线程和Main线程 线程:一个进程中的各个功能 java无法真 ...
    
			
    11.