(悼念四川地震死难者)使整个网页变黑白色的特效代码

最新推荐文章于 2022-12-23 14:59:18 发布
最新推荐文章于 2022-12-23 14:59:18 发布
阅读量735 收藏
点赞数
文章标签： filter css html

使用方法：

第一情况：把下面代码复制到你网页的<head></head>中就可以了实现

<style type="text/css">
<!--
BODY {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
-->
</style>

第二情况：如果你的站已有CSS，那加入

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

就可以了

第三情况：如果你的CSS中已有BODY {}那么你就加入

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
例如：

BODY {
FONT-SIZE: 12px; MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

tykw163
关注
一文读懂如何让网页变灰白色(黑白色)
念兮为美
12-07 1559
一文读懂如何让网页变灰。
全站黑白悼念代码，几行代码全网站黑白色
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
06-17 1万+
<style> html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1).
让页面以黑白页面显示
weixin_30329623的博客
10-31 330
　　今天得知金庸老爷子去世的消息。百度回看金庸先生的一生，看到了百度会为每个逝世的人以黑白页面显示。表达对死者的尊敬。所以就查了一下页面黑白显示的方法。下面直接附上代码，粘贴到编辑器即可用！ 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF...
网页黑白显示
渡江人博客
05-06 267
  html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }（不换行）
html 页面 黑白
weixin_30887919的博客
05-15 624
css代码,写在最顶端 html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);} 转载于:https://www.cnblogs.com/zonglonglong/p/6855764.html...
一行代码实现黑白网页
二师兄想吃肉的博客
04-05 1517
一行代码实现黑白网页 昨天国内各大网站相继将彩色的网站都变成黑白，以此向疫情中离世的英雄和同胞表示默哀。 这里教大家一个简单的方法，让彩色网页变黑白的方法。 主要有两种方式： （1）放在css文件顶部 html {-webkit-filter: grayscale(100%);} （2）放在html页面标签内 <head> <style type="text/css"&...
前端实现网站悼念【灰色效果】几行代码轻松解决
在写作的路上持续输出。
12-23 1088
前端实现网站悼念【灰色效果】几行代码轻松解决
使整个页面变灰 样式代码
04-21
### 页面变灰样式代码知识点详解 #### 一、概述 在网页设计与开发过程中，有时候我们需要将整个网页变成灰度模式，例如在纪念日或哀悼活动中，网站可能会选择将色彩丰富的图片转换成黑白灰度效果，以此表达敬意或...
修改CSS样式实现网页灰色(没有颜色只有浅色黑白)的几个方法整理
11-21
一般在清明节，全国哀悼日，大地震的日子，以及一些影响力很大的伟人逝世或纪念日的时候，身为站长的我们都会让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念。那么今天就说说，通过几行简单的...
用HTML和css写一个悼念汶川地震遇难同胞的网页
最新发布
05-13
非常感人的想法，我可以帮你写一个简单的HTML和CSS代码来展示悼念汶川地震遇难同胞的网页，如下所示： ```HTML <!DOCTYPE html> 悼念汶川地震遇难同胞 body { font-family: Arial, sans-serif; ...
网页黑白效果如何实现的?
weixin_45048265的博客
04-04 491
网页黑白效果如何实现的?使用方法淘宝网例子 今天很多网站主题都变成了黑白样式，实现效果也很简单。就是CSS3 filter(滤镜) 属性； 使用方法 -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); 淘宝网例子 ...
如何让网页黑白化
m0_55821081的博客
09-18 6345
黑白化网页滤镜属性实现
如何将你的网页变成黑白网页
QS8844_ALEX的专栏
04-21 1381
首先,大部分网站在首页的META那里加上代码,即可全站实现黑白网页如何将你的网页变成黑白网页举例一悼念：黑白网页制作 制作方法： 在网页最前面新增加以下代码即可： CODE: HTML { FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) }  不截图了，第一行是文档验证，第二行是CSS的HTML选择器，
网页去色变黑白+网页黑白恢复为彩色
天泽岁月
12-01 1万+
网页去色变黑白+网页黑白恢复为彩色
css面试点-css3的filter详解
wfly blog
10-08 595
filter:filter属性定义了元素（通常是<img>）的可视效果（例如：模糊与饱和度）。 Filter 函数 注意:滤镜通常使用百分比 (如：75%), 当然也可以使用小数来表示 (如：0.75)。 Filter 描述 none 默认值，没有效果。 blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少...
网站页面黑白色效果实现技巧
阿嚏乱码的地方
12-14 8706
晚上下班回到家中，惯例打开B站，B站首页变成了黑白色主题。 B站首页是如何做到的黑白主题？ 如果首页html换成黑白风格的，这个好实现。可是每个视频封面图都重新做一张黑白的版本，每个视频都是up主自己的投稿视频啊，怎么保证封面图都能黑白色呢？后期靠人工换的话，那代价也大了，而且也很傻。 那么能不能靠技术手段解决呢？ 让我们打开开发者工具看看页面具体的样式。 突然我发现在html...
如何把网站变成黑白灰色？
csnewdn的专栏
12-26 682
如何把网站变成黑白灰色？ (2013-04-21 20:21:32) 转载▼ 标签： 网站变黑白 it 分类：div css 地震带来的灾难，为了对逝者的哀悼，很多门户网站会把网站变成黑白色。 把这段代码写css文件里 html {  filter:progid:DXImageTransform.Microsoft
纯css页面变灰度兼容ie、firefox、chrome、opera、safari
weixin_34204057的博客
04-20 1513
html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;...
沉痛悼念！网站快速变黑白灰色的4种方法
热门推荐
12-01 2万+
一般在清明节，全国哀悼日，大地震的日子，以及一些影响力很大的伟人逝世或纪念日的时候，身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色)，以表示我们对逝者的悼念。那么今天小编就说说，通过几行简单的代码，来实现这个功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值