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. 1小时打造HaaS版小小蛮驴智能车
			
    简介: 2020年云栖大会上,阿里云发布了一款机器人"小蛮驴",瞬间激起千层浪,无人车,智能物流,机器人等一些概念又火热了一把. 借"小蛮驴"的东风以及火热的H ...
    
			
    2. 
						
  2. 基于SLS构建RDS审计合规监控
			
    简介: 数据库是企业业务的数据核心,其安全方面的问题在传统环境中已经成为泄漏和被篡改的重要根源.因此,对数据库的操作行为尤其是全量 SQL 执行记录的审计日志,就显得尤为重要. 背景 数据库是企业业务 ...
    
			
    3. 
						
  3. 双11特刊｜购物车实时显示到手价，看云原生内存数据库Tair如何提升用户体验？
			
    ​阿里云自研内存数据库Tair诞生于2009年,是一种支持高并发低延迟访问的云原生内存数据库,完全兼容Redis,已历经多年双11大促考验,提供核心在线访问加速能力,显著提升系统吞吐量. 作为双11大 ...
    
			
    4. 
						
  4. [Mobi] frida Hook 略知一二: frida-CLI, frida-server
			
    Frida 是一款基于 python + javascript 的 hook 框架,主流平台都支持,由于是基于脚本的交互,因此相比 xposed 和 substrace cydia 更加便捷. 使用时 ...
    
			
    5. 
						
  5. WPF 关于将 ManipulationDeltaEventArgs 的 Manipulators 属性返回值修改为 ReadOnlyCollection 类型的提议
			
    这是一个 WPF 框架的 API 变更提议,记录一下博客 讨论的地方是: How about change the type of ManipulationDeltaEventArgs.Manipul ...
    
			
    6. 
						
  6. dotnet Microsoft.Recognizers.Text 超强大的自然语言关键词提取库
			
    本文和大家介绍一个使用超级简单,但是功能特别强大的自然语言关键词提取库,可以根据输入的自然语言提取出里面的信息.例如我在一句话里面说了哪些数值变量或者说了手机号码等 先看看下图的一个效果,下图是尝试识 ...
    
			
    7. 
						
  7. 2018-8-29-dotnet-core-2.1-使用阶梯编译
			
    title author date CreateTime categories dotnet core 2.1 使用阶梯编译 lindexi 2018-08-29 08:49:12 +0800 201 ...
    
			
    8. 
						
  8. 兼容ie8问题
			
    <!-- 让IE8/9支持媒体查询,从而兼容栅格 --><!--[if lt IE 9]><script src="https://cdn.staticfile ...
    
			
    9. 
						
  9. Java根据URL截图的4种方式
			
    方案选择 XHTMLRenderer(不要用) PhantomJs(三方库,已停更) Puppeteer(Chrome团队开发和维护) Selenium(支持多浏览器.多语言,服务器需要安谷歌浏览器) ...
    
			
    10. 
						
  10. R1_ES知识图谱
			
    业务量增加,优化..优化... 学习... 学习..... 阮一鸣,eBay Pronto 平台技术负责人,管理了 eBay 内部上百个 Elasticsearch 集群,数据规模超过 4000 节点 ...
    
			
    11.