html 如何让网页变灰色
只在网页中加入这个样式就可以了,大家可以拿去试试
应用场景
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的代码,来实现这个功能。 |
方法一
body{ background-blend-mode: luminosity;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
方法二
只需要在全局样式中加入一句话就可以了,
filter: grayscale();
或者
-webkit-filter: grayscale();
html 如何让网页变灰色相关推荐
- php代码显示灰色,哀悼日-实现网页变灰色的方法
哀悼日期间经常需要把网页设置为灰色状态,现总结一下方法以备后用,在网站的CSS文件中的顶部加入如下代码: html{filter:progid:DXImageTransform.Microsoft.B ...
- 网页变灰色前端是如何实现的?
本文转载 转自bilibili最爱up主–黑马程序员pink老师 今天是4.4疫情哀悼日,纪念疫情期间牺牲的烈士和逝世同胞,因此大部分网站颜色都变灰色 了,我们前端是如何实现的呢? 核心原理,使用cs ...
- html页面变成黑白,修改CSS样式实现网页变灰色/黑白代码的几个方法整理
今天上午有网友提到希望将网站整体的色调换成灰色.黑色色调,这个记得在以前纪念一些日子的时候会有用到,早年老蒋在自己的博客中也有使用的.记得那时候直接是修改CSS就可以实现,既然有用户需要,老蒋这里抽点 ...
- 修改CSS样式实现网页变灰色/黑白代码的几个方法整理
今天上午有网友提到希望将网站整体的色调换成灰色.黑色色调,这个记得在以前纪念一些日子的时候会有用到.记得那时候直接是修改CSS就可以实现,既然有用户需要,这里抽点时间再整理一下看看是否有其他更好的方法 ...
- 【祈福】一句话让你的网页为灾区祈福(让网页变灰色)
一句话让你的网页为灾区祈祷,将这句话加在网页底部即可. <style>html { filter:progid:DXImageTransform.Microsoft.BasicImage( ...
- 下面整理了几种让网页变灰色的CSS代码,供各位站长参考!
方法1:支持IE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
- 老板:你也把咱们网站弄成灰色——网站变灰色如何实现
从昨天下午开始,我们打开各种网站后都是灰色的,我们讲解一下如何用技术手段使网页变灰色. //分析:我们网站的元素大多数都是img标签和其他文字行标签,文字我们直接使用color:#ccc就可以更改,图 ...
- 使整个网页变黑白色(灰色)的特效代码
全站CSS代码. html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法:这段代码可以变网页为黑 ...
- 怎么把php网站变灰,让自己的网站的全部网页变成灰色(黑白色)
让自己的网站的全部网页变成灰色(黑白色) 第一种:修改CSS文件 我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰 CSS代码 html { filter: prog ...
最新文章
- ibm xml专区中对XPATH的一个好文
- mysql实现心跳表_第29问:MySQL 的复制心跳说它不想跳了
- python大学生信息管理系统_python学生信息管理系统
- 【攻防世界006】secret-galaxy-300
- Learning to rank基本算法小结
- html5伸缩效果,【HTML5】Jquery打造竖向伸缩/展开菜单
- 大数据下的中国女人,看完惊呆了
- java中finally和return的执行顺序
- 一网打进Linux下那些查找命令
- 给正在备战秋招的同学一些小建议
- Eclipse中对一个项目进行复制粘贴为一个新项目
- 基于php046学校固定资产管理系统
- cfd初学者怎么调试适合自己使用的linux系统
- C# 修改list所有对象中的某字段
- NR-DL PDSCH Resource allocation 下行资源分配
- android 手势识别 (缩放 单指滑动 多指滑动)
- Java对象空间分配流程
- 2-44 JQuery
- 社群运营:如何招募高质量种子用户?
- python中的内置高阶函数