网站变灰不需要重写样式,几行代码搞定:

html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);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=1)
}

filter是滤镜的意思,filter:gray的意思就是说给页面加上一个灰度的滤镜,所以html里面的所有内容都会变成黑白的了。不过这个滤镜对于chrome和safari浏览器是无效的,所以下面会有一行-webkit-filter: grayscale(100%);

网站变灰小妙招-几行代码搞定相关推荐

  1. python利器怎么编程-Python实现翻译小工具!几行代码搞定!装逼利器有没有!

    一.背景 利用Requests模块获取有道词典web页面的post信息,BeautifulSoup来获取需要的内容,通过tkinter模块生成gui界面 二.代码 进群:548377875    即可 ...

  2. python数学公式编辑工具_1行代码搞定Latex公式编写,这个4.6M的Python小插件,堪称论文必备神器...

    原标题:1行代码搞定Latex公式编写,这个4.6M的Python小插件,堪称论文必备神器 来源:量子位 关注前沿科技 萧箫 发自 凹非寺 量子位 报道 | 公众号 QbitAI 萧箫 发自 凹非寺 ...

  3. python修改文件名称唯美_5行代码搞定14种常见图的python可视化库,还自带16种优美主题,真是太喜欢了...

    原创:小dull鸟 python数据分析之禅 原文链接: 5行代码搞定14种常见图的python可视化库,还自带16种优美主题,真是太喜欢了​mp.weixin.qq.com 有时候我们做数据可视化并 ...

  4. python做事件研究法_35行代码搞定事件研究法(上)

    作者简介: 祝小宇,个人公众号:大猫的R语言课堂 这期大猫课堂将会教大家如何用35行R代码写出最有效率的事件研究法. 注意,本代码主要使用data.table完成,关于data.table包的相应知识 ...

  5. 国外stripe支付,超简单几行代码搞定

    国外stripe支付,超简单几行代码搞定 海外的项目 需要stripe支付 很简单 几行代码 先加入依赖: compile 'com.stripe:stripe-android:6.1.2' 总共两种 ...

  6. 万万想不到 10行代码搞定一个决策树

    01决策树模拟实验 文章目录 01决策树模拟实验 要求 决策树简单介绍 搭建环境 产生数据集 划分训练集和测试集 生成决策树 Cross-Validation法 可视化决策树 10行代码搞定决策树 要 ...

  7. 35行代码搞定事件研究法(上)

    作者简介: 祝小宇,个人公众号:大猫的R语言课堂 这期大猫课堂将会教大家如何用35行R代码写出最有效率的事件研究法. 注意,本代码主要使用data.table完成,关于data.table包的相应知识 ...

  8. resnet50代码_13、SOTA论文实践-学习ResNet(80行代码搞定残差backbone网络)

    0.论文 Camera Distance-aware Top-down Approach for 3D Multi-person Pose Estimation from a Single RGB I ...

  9. 35行代码搞定事件研究法(下)

    作者简介: 祝小宇,个人公众号:大猫的R语言课堂 前文推送: 35行代码搞定事件研究法(上) Hello亲爱的小伙伴们,上期已经讲到如何对单一事件日计算超额收益,本期将会教大家如何针对多个股票多个事件 ...

最新文章

  1. 两个什么漏洞,可让十亿安卓手机被获取Root权限?
  2. 新建idea加入的一句话,键值对
  3. SAP Commerce Cloud 产品明细页面设计概述
  4. CF176E Archaeology(set用法提示)
  5. 统计字符串中每种字符类型的个数demo
  6. 如何彻底卸载MySQL
  7. [转]过度情绪化心智模式的10大特征——看看你有几个?
  8. onvif学习笔记3:NTP命令实现的示例
  9. python和ui设计哪个更好_Python主流IDE对比:Eric VS. PyCharm
  10. html5 js阻塞加载,js无阻塞加载和defer、async详解_白峰_前端开发者
  11. 如何应用人工智能和大数据
  12. IAR FOR STM8 简单使用教程
  13. 探索性测试--极限测试法
  14. MBR20100FCT低压降肖特基二极管ASEMI原装
  15. 1357:车厢调度(train)
  16. Triangle程序编译
  17. 数云融合丨知识图谱在烟草零售数字化转型中的应用
  18. ubuntu 安装图片编辑工具pinta
  19. 定义视频尺寸html,使HTML5视频海报与视频本身尺寸相同
  20. cJSON详细剖析(四)----cJSON_Print()函数

热门文章

  1. 【项目】小帽学堂(十三)
  2. 在路由器 RT-AC68U 安装迅雷远程过程
  3. 我的世界显示java过老_《我的世界》令人崩溃的四大瞬间!老mc:你经历过恼鬼的痛苦吗?...
  4. Redis 中数据的持久化
  5. java实现社交平台,基于Java的在线社交软件的设计与实现.doc
  6. 电脑反应慢是什么原因?电脑反应慢怎么快速解决
  7. 数据结构实验:二叉树遍历
  8. python求和函数1-n_PYTHON1.day11(n)
  9. ansible从入门到入土:对剧本进行语法检查及真/伪执行剧本
  10. Swift - 从ALAsset中获取照片的原图并转换成NSData