CSS代码加滤镜将网站变为灰色/怎么把网站变为灰色

一、效果图

二、CSS代码

html{
background-color: rgb(238, 242, 245);
background-blend-mode: luminosity;
/*上面两行代码将有彩色背景图片的也调为灰色*/
filter: grayscale(95%);
-webkit-filter: grayscale(95%);
-moz-filter: grayscale(95%);
-ms-filter: grayscale(95%);
-o-filter: grayscale(95%);
filter: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=.95);
}

最新文章

  1. C#设计模式-责任链模式
  2. OpenCascade Primitives BRep-Torus
  3. Shell脚本快速入门
  4. qlserver、Mysql、Oracle三种数据库的优缺点总结
  5. Android(java)学习笔记74:Java线程池
  6. API断点大全
  7. JavaScript H5 Canvas
  8. 在SQL中使用PL/SQL函数存在的问题
  9. Hibernate之AbstractEntityPersister
  10. From windows live writer
  11. Windows下PHP(Thread Safe与Non Thread Safe)版本说明
  12. Repository 设计模式介绍(转)
  13. 百度导航试用 vs 高德导航
  14. 【Beta阶段】第二次scrum meeting
  15. Spark入门学习
  16. python——jieba分词过程
  17. [C]*和&amp;
  18. poshytip基本使用
  19. python学习之旅(四)
  20. [CodeVS4438]YJQ Runs Upstairs

热门文章

  1. 从Qt到C#,通过COM组件达成跨语言跨平台链接,或者说从托管到非托管的思路
  2. Jmeter 函数助手之__UUID 生成唯一的标识符
  3. netcore下死RabbitMQ队列、死信队列、延时队列及小应用
  4. [常用工具] 基于psutil和GPUtil获取系统状态信息
  5. [OpenCV实战]11 基于OpenCV的二维码扫描器
  6. linux开机自启动设置
  7. Java基础篇——垃圾收集详解
  8. [LeetCode]螺旋矩阵
  9. 《STL源码剖析》STL迭代器分类
  10. for循環,逗號運算符,其他(+= -= *= /=)