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. Oracle数据到MaxCompute乱码问题详解
			
    ​简介:集成Oracle数据到MaxCompute,乱码问题分析: 为什么,在oracle数据不乱码,集成到MaxCompute就乱码了? 问题在哪里? 1.1 乱码现象 DataWorks的数据离线 ...
    
			
    2. 
						
  2. 如何避免 Go 命令行执行产生“孤儿”进程？
			
    简介: 在 Go 程序当中,如果我们要执行命令时,通常会使用 exec.Command ,也比较好用,通常状况下,可以达到我们的目的,如果我们逻辑当中,需要终止这个进程,则可以快速使用 cmd.Pro ...
    
			
    3. 
						
  3. WPF 全屏窗口将让 Chrome 97 视频停止播放
			
    无论是使用 WPF 全屏窗口,还是高性能全屏透明窗口,都会在 Chrome 97 以及使用 chromium 对应版本内核的应用的视频停止播放.这是 chromium 的一个优化,因为 chromiu ...
    
			
    4. 
						
  4. dotnet 读 WPF 源代码笔记 插入触摸设备的初始化获取设备信息
			
    在 WPF 触摸应用中,插入触摸设备,即可在应用里面使用上插入的触摸设备.在 WPF 使用触摸设备的触摸时,需要获取到触摸设备的信息,才能实现触摸 获取触摸设备插入 在 WPF 中,通过 Window ...
    
			
    5. 
						
  5. k8s之dns问题
			
    问题1: 描述:pod新建好后,无法ping通域名(无论是外网域名还是内网域名),但是可以ping通IP(包含外网IP和内网IP),不包括kube-dns的IP,和pod同一网段IP可以ping通 # ...
    
			
    6. 
						
  6. python01-03作业
			
    # 小球落地,一共运动了多少米 hight = 100 # 原始高度 distance = 0 # 和 for i in range(10): # 将 下落 高度加入到 和 中 distance += ...
    
			
    7. 
						
  7. 关于Git和Svn的区别
			
    关于Git 和 Svn 的选用,详细列出区别 Git 是分布式的,而 Svn 不是分布的; Git 把内容按元数据方式存储,而 SVN 是按文件; Git 没有一个全局版本号,而 SVN 有:目前为止 ...
    
			
    8. 
						
  8. 通俗易懂的生产环境Web应用架构介绍
			
    前言 看见一篇非常通俗易懂且适合新手阅读的Web应用架构文章,我将其手工翻译了出来,分享给大家. 也可以去阅读英文原文,标题为,贴出链接: https://stephenmann.io/post/wh ...
    
			
    9. 
						
  9. 【web安全】隐藏nginx头文件信息
			
    摘要 Nginx作为开源web中间件,被广泛应用.因此源编译或者yum安装,都会带有其原有的nginx版本.很容易被针对,因此,通过修改nginx的源码.隐藏nginx版本和头部信息,保障nginx的 ...
    
			
    10. 
						
  10. Kafka源码分析(四) - Server端-请求处理框架
			
    系列文章目录 https://zhuanlan.zhihu.com/p/367683572 一. 总体结构 先给一张概览图: 服务端请求处理过程涉及到两个模块:kafka.network和kafka. ...
    
			
    11.