网页变灰的CSS代码

最新推荐文章于 2024-10-24 10:10:03 发布
转载 最新推荐文章于 2024-10-24 10:10:03 发布 · 82 阅读 · 0 

body *{
    -webkit-filter: grayscale(100%); /* webkit */
    -moz-filter: grayscale(100%); /*firefox*/
    -ms-filter: grayscale(100%); /*ie9*/
    -o-filter: grayscale(100%); /*opera*/
    filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
    filter:gray; /*ie9- */
}
精选资源
利用CSS将网站网页变灰色代码示例
01-21
这段CSS代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。 html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: ...
网页变灰配合全国哀悼日的css代码 20100421
01-19
以下为全站CSS代码。 直接在*.css文件最前面加入 复制代码代码如下:body{ filter:Gray; } 或者 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 均可 其他HTML页面 复制代码代码...
CSS - 让整个页面变成灰色（一行代码）
热门推荐
🏆 前端领域优质创作者
05-17 1万+
前言 现在很多大厂产品，遇到清明节、南京大屠杀纪念日等节日，网站或软件就会变为灰色。 在咱们小程序或网站中，实现起来非常简单， 从各种鲜亮的颜色，一行代码变为如下图所示灰色： 解决方案 通过 filter: grayscale(100%) 滤镜属性，了解更多请 点击这里。 以下是使用的示例，您可按照方法应用到您的项目中。 <!DOCTYPE html> <html lang="zh"> <head> <style> /* 整个页面变灰 */ body
纯css页面变灰度兼容ie、firefox、chrome、opera、safari
weixin_34204057的博客
04-20 1574
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;...
css+js整站变灰（兼容IE7+）
andrew1989121的博客
03-09 465
历年大型地震等自然灾害来临过后，各大网站整站都变成灰色以悼念逝去的生命，那么这种整站变灰的效果是怎么做到的？ 重写一套css？NO，即便你有这个时间重写，那网站内的图片怎么办？难道重做一遍？很明显工作量巨大不符合实际。 火狐和chrome浏览器比较简单，直接用css3搞定： <style type="text/css"> .demo{color: red;} b...
网页变灰CSS代码
04-21 596
使网页变灰，有两种方法可实现： 第一种，全部变灰：html { FILTER: gray } 第二种，局部变灰，广告代码不会变灰：BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
网站变灰代码
weixin_34279579的博客
03-24 126
网站首页建议改为灰色，以表达我们对遇难同胞的深切哀悼。 把下面代码加到网页/模板的HTML代码的<head>和</head>之间： <style> html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} </style> 这个网站变...
纯CSS实现的点击显示大图背景变灰图片特效代码
01-23
这个“纯CSS实现的点击显示大图背景变灰图片特效代码”就是一个实现这一功能的示例。 纯CSS实现这种特效的优点在于它不依赖JavaScript，减少了页面的执行负担，同时对于搜索引擎优化（SEO）友好。下面，我们将详细...
网站全站变灰代码
piaoyunlive的博客
04-25 2024
哀悼日网站全站变灰代码 通过几行简单的代码，来实现网站全站变灰代码功能。 第一种：修改CSS文件 我们可以在网页的CSS文件中添加以下的CSS代码，来实现网页黑白色，也就是网站变灰。 html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(...
一行代码实现网页置灰， 看完就会
2401_83384536的博客
07-22 874
大家一定都发现，有些特殊情况下，百度百科上会把搜索信息页面灰化，这两天访问各大网站的时候，发现在基本都灰化了，各网站都以一种互联网的风格来哀悼。截了几个常用的网站样式，看一下变灰的效果：iconfont:掘金：B站：哀悼的同时也接到公司产品的需求，需要紧急将网站变灰以示哀悼，这里就给大家顺便讲下全网站灰色化的实现。
css页面变灰度兼容ie、firefox、chrome、opera、safari实现样式
09-25
本文为大家详细介绍下使用纯css让页面变灰度并且兼容ie、firefox、chrome、opera、safari，感兴趣的朋友可以参考下哈，希望对你有所帮助
网页变灰色代码
zcy1005的博客
04-01 1536
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
网站变灰色代码
玩转2010
04-21 2454
1、uchome：把template下所有模板的css文件里，加上html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }就可实现uchome变灰，记得是所有模板，以实现统一。2、discuz： html{filter:progid:DXImageTransform.Microsoft.BasicImage
使网页变灰的代码（包括FLASH等所有网页元素）
sunnycomer的专栏
04-21 715
使网页所有元素变灰的代码，包括FLASH，只支持IE：第一种方法：把下面的代码加入网页的 与之间：*{filter:Gray;}第二种方法：把下面的代码加入网站的CSS文件中：*{filter:Gray;}上面的代码可以使除了FLASH之外的网页所有元素变灰，如果网页中含有FLASH，可以使用下面的方法使FLASH变灰：第一种方法：如
网页颜色一键变灰？分享 1 段优质 CSS 代码片段！
专注于前后端技术知识分享。
07-16 720
这段代码展示了如何使用 CSS 滤镜来将整个网页变为灰度效果。 在特殊的日子里，网页有整体变灰色的需求，可以使用这段代码，这个需求很有必要。 再就是做一些老照片或黑白电影的效果，也可以使用这段代码。
网页整体变灰的代码
Monkey Space
05-08 1242
最简单网页变灰的方法（一句代码） 以下为全站CSS代码。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。 如果网站没有使用CSS，可以在网页/模板的HTML代码和 之间插入：
让网站变灰的代码
最新发布
阿乐的博客
10-24 400
不管什么网站 直接在 html 文件中加上这个样式 就直接 灰了 这边记录一下。
一行代码让网页变灰
狼魂之力
04-05 603
一行变灰色 原文 代码让网页变灰 　　今天是一个特殊的日子，今天不只是清明节，今天更是我们的国家经历了严重的疫情，今天是哀悼英雄的日子，全国降半旗，北京时间10点全国默哀三分钟，全国停止一切娱乐设施。 大家上网的时候可以看到今天很多网站包括首页和内容都变成了灰色，比如百度，腾讯视频，B站，还有我们的博客园 　　大家可以看到全站的内容都变成灰色了，包括按钮、图片等等。这时候我们可能会好奇这是...
用一行代码实现网页变灰效果
那一日面朝大海的博客
04-13 466
<meta http-equiv="X-UA-Compatible" content="IE=9"> <style> html{ filter: gray; /* IE6-9 */ filter: grayscale(100%); -webkit-filter: grayscale(100%); /*...
清明节网页变灰白JavaScript代码示例
资源摘要信息: "网页变灰白代码" 知识点详细说明: 1. 网页变灰白的含义与应用场景 网页变灰白通常指的是将网页上的所有色彩元素转换成黑白灰色调，这种效果在一些特殊的日子或者活动中非常常见。最典型的使用场景...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值