清明节全国哀悼,那么网站全部变灰是怎么实现的?
作为一名后端java开发人员,初次看到这次2020年清明节网站全部变灰的第一印象是他们应该是改了贴图或者说改了一些配置,怎么思考都应该是在backgroud这些参数上做修改,但是当我今天打开百度地图的时候我就差异了.为什么一个地图可以也变成灰色?以及哔哩哔哩这种视频站是怎么做到视频封面都变了?
抱歉,可能发这个文有点暴露自己知识水平不够,但是还是记录一下,毕竟这个css3的属性以前从来没有接触过,很神奇,
属性叫做filter,滤镜.
filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。
默认值: | none |
---|---|
继承: | no |
动画支持: | 是。详细可查阅 CSS 动画 |
版本: | CSS3 |
JavaScript 语法: | object.style.WebkitFilter="grayscale(100%)" |
这次在网站上使用的是这个属性
grayscale(%) |
将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0; |
可以查看现在的网站,应该都是在body层直接加了这个属性.仅做分享
再次缅怀为了盛世负重前行的医护工作者,政府工作者,消防工作者,警察等
清明节全国哀悼,那么网站全部变灰是怎么实现的?相关推荐
- 哀悼使网站整体变灰或黑
使用方法: 最简单的把页面变成灰色的代码是在head 之间加 <style type="text/css"> html { FILTER: gray } </st ...
- 让整个网站网页变灰的方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天就说说,通过几行简单的代 ...
- 哀悼日网站全站变灰代码
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念. 那么今天就说说,通过几行简单的 ...
- java web 颜色灰色_网站动态变灰解决方案(java web项目网站)
每逢5.12和哀悼日,各大门户网站都会把自己网站变灰色,以此来表示对逝者的哀悼. 下面是一个java web项目网站变化的设计方案. 思路是这样的,首先由个页面来操作网站是变灰还是不变灰, 然后把选择 ...
- nginx 配置网站页面变灰
nginx 配置网站页面变灰,主要是通过ngx_http_sub_module模块来进行配置,已经安装该模块的可以直接配置,未安装的需新增编译该模块 新增模块编译可以参考以下文章 https://hu ...
- PHP网站屏幕变灰,网站全局变灰代码
[CSS方法] 在网站需要变灰的页面head部分加入一行style 以上代码适用于主流浏览器,如新版的chrom,edge等. html { -webkit-filter: grayscale(100 ...
- 网站变灰代码,一行代码让网站整体变灰,wordpress网站一行代码全站变灰教程
在遇到特殊情况的时候,我们作为站长需要紧急将网站变灰的需求,在此小编给大家总结了几种方法,通过简单修改一下站点样式即可实现.一段代码让网站整体变灰.这里主要介绍的利用 filter: grayscal ...
- 网站全站变灰:愿逝者安息,愿生者奋发,愿祖国昌盛,致敬英雄
文章目录[隐藏] 前言 网站变灰说明 网站变灰教程 总结 前言 今天是 2020 年的清明节,今日全国哀悼,一起缅怀抗击新冠疫情牺牲烈士和逝世同胞. 网站变灰说明 为响应国家对抗击新冠疫情牺牲烈士和逝 ...
- 政府网站公祭日,如何使网站整体变灰
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况.今天正好调了一下.在此把解决方案分享给大家.方案简单实用,笔者已在生产环境使用过.通过整体的html使用filter来进行过滤.如下,只要引入 ...
最新文章
- SQL查询表对应的外键约束
- 灰色关联投影法python_python灰色关联算法(灰度关联算法)
- Exchange Server 2016管理系列课件05.邮件转发功能
- php经典面试题时间,php 经典面试题及答案
- android java标准时间_java android中对list的时间进行排序
- 吴恩达深度学习 ——4.4 为什么使用深层表示
- MyBatis-Plus自动填充功能填坑
- 【Elasticsearch】 Full text queries query_string 等 字符串查询
- 从0开始学习自动化测试框架cypress(二)DOM
- Pytorch:Dataset总结
- 在Centos环境下搭建Confluence
- GNU C getopt()、getopt_long() 与 getopt_long_only() 获取命令行参数
- 基于机器视觉技术的瓷砖分色检测系统解析
- 【数码管识别】需要注意的问题
- C语言数字转换为字符的问题
- spring中如何实现参数隐式传递_Java进阶架构之开源框架面试题系列:Spring+SpringMVC+MyBatis(含答案分享)...
- 【Linux 内核 内存管理】内存映射相关数据结构 ① ( vm_area_struct 结构体 | task_struct、mm_struct、vm_area_struct 3 个结构体之间的关系)
- 最新emoji表情代码大全_2019七夕节最新撩妹句子大全,浪漫的七夕节表情包集锦...
- java web实训任务书,课程设计任务书模板-《JavaWeb程序设计》.doc
- JavaScript通过百度OCR实现图像文字识别及常见错误解释