当前位置: 首页 > news >正文

网站变灰代码如何让网页变灰

1.网站变灰代码应用场景

一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的代码,来实现这个功能。

2.网站变灰代码学习/操作

前言:

今天是2020年4月4日. 打开朋友圈看到很多朋友在发 '2020年4月4日举行全国性哀悼活动', 也跟着发了朋友圈, '悼念逝者, 致敬英雄' , 真的感觉2020年注定是一个不平常的年份, 随后照常打开电脑, 刷新csdn网站, 网页突然变灰, 还以为除了什么问题, 刷了几次, 依然是灰色的, 才想到, 这是CSDN的悼念行为.

之后知道京东, 淘宝等平台也是如此, 便想知道是如何做到的.

网站变灰代码方法汇总: //以下方法, 略有重复, 请则适选择.

网站变灰方法一

网站变灰第一种:修改CSS文件

我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰

html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}

结果效果:

TBD

网站变灰第二种:在网页的<head>标签内加入以下代码

如果你不想改动CS

相关文章:

  • 实用调试技巧
  • Python图像处理【3】Python图像处理库应用
  • Android编写一个视频监控App
  • C++语法——map与set的封装原理
  • 搭建gataway鉴权流程
  • Codeforces Round #835 (Div. 4)A.B.C.D.E.F
  • flask入门教程之数据库保存
  • 网站变灰白css
  • Template类创建模板替换字符串
  • MySQL日志(undo log 和 redo log 实现事务的原子性/持久性/一致性)
  • (论文阅读笔记)Network planning with deep reinforcement learning
  • 培养出最多亿万富翁的美国大学TOP10榜单
  • 蓝桥杯嵌入式AD采样解析
  • 数据结构和算法——基于Java——4.1栈(数组实现栈、链表实现栈)
  • 怎么看网站域名有没有收录 收录情况怎么样 网站收录查询
  • Docker容器管理
  • ES2017异步函数现已正式可用
  • iOS仿今日头条、壁纸应用、筛选分类、三方微博、颜色填充等源码
  • Java深入 - 深入理解Java集合
  • Laravel Mix运行时关于es2015报错解决方案
  • Linux学习笔记6-使用fdisk进行磁盘管理
  • PV统计优化设计
  • Spring Boot快速入门(一):Hello Spring Boot
  • spring cloud gateway 源码解析(4)跨域问题处理
  • SQLServer之创建数据库快照
  • 从零开始的无人驾驶 1
  • 短视频宝贝=慢?阿里巴巴工程师这样秒开短视频
  • 对JS继承的一点思考
  • 对话:中国为什么有前途/ 写给中国的经济学
  • 分享一份非常强势的Android面试题
  • 基于webpack 的 vue 多页架构
  • 基于游标的分页接口实现
  • 开放才能进步!Angular和Wijmo一起走过的日子
  • 前端面试题总结
  • 浅析微信支付:申请退款、退款回调接口、查询退款
  • 如何设计一个比特币钱包服务
  • 双管齐下,VMware的容器新战略
  • 微信公众号开发小记——5.python微信红包
  • 在electron中实现跨域请求,无需更改服务器端设置
  • 《码出高效》学习笔记与书中错误记录
  • SAP CRM里Lead通过工作流自动创建Opportunity的原理讲解 ...
  • 带你开发类似Pokemon Go的AR游戏
  • ​3ds Max插件CG MAGIC图形板块为您提升线条效率!
  • #!/usr/bin/python与#!/usr/bin/env python的区别
  • #Java第九次作业--输入输出流和文件操作
  • #我与Java虚拟机的故事#连载14:挑战高薪面试必看
  • (003)SlickEdit Unity的补全
  • (01)ORB-SLAM2源码无死角解析-(66) BA优化(g2o)→闭环线程:Optimizer::GlobalBundleAdjustemnt→全局优化
  • (ZT) 理解系统底层的概念是多么重要(by趋势科技邹飞)
  • (二)Pytorch快速搭建神经网络模型实现气温预测回归(代码+详细注解)
  • (剑指Offer)面试题34:丑数
  • (六) ES6 新特性 —— 迭代器(iterator)
  • (十三)Flask之特殊装饰器详解
  • (原)本想说脏话,奈何已放下
  • (转)linux下的时间函数使用