网站变成灰色用css实现

限时加码!20+主流AI编程工具免费用 购周边加赠Coding Plan Lite,Claude Code、Cursor等即刻畅享,学习进阶更高效! 阅读详情

<style type="text/css">
img{filter:Gray;}
</style>

这样在css里定义了img标签所有图片采用灰色滤镜。可实现用一个图片显示不同颜色。

 

以下为全站CSS代码显示灰色。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }


使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。

 

如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>


有一些网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


请将网页最头部的<html>替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
最简单的把页面变成灰色的代码是在head 之间加
<style type="text/css">
html {
FILTER: gray
}
</style>

 

<style type="text/css">
img{filter:Gray;}
</style>

这样在css里定义了img标签所有图片采用灰色滤镜。

CSS - 让整个页面变成灰色(一行代码) 前言 现在很多大厂产品,遇到清明节、南京大屠杀纪念日等节日,网站或软件就会灰色。 在咱们小程序或网站中,实现起来非常简单, 从各种鲜亮的颜色,一行代码为如下图所示灰色: 解决方案 通过 filter: grayscale(100%) 滤镜属性,了解更多请 点击这里。 以下是使用的示例,您可按照方法应用到您的项目中。 <!DOCTYPE html> <html lang="zh"> <head> <style> /* 整个页面 */ body 阅读详情

相关推荐

Ansys-结构动力学分析-圆柱斜齿轮模态分析学习心得

模态分析的步骤基本一直,不同点在于选择什么单元类型,模型,节点约束等 圆柱斜齿轮模态分析的难点在于圆柱斜齿轮的模型建立,和所要约束的节点的选择。 用命令流方法建立齿轮模型效率较高,当然,在ansys里建立复杂的模型实在不敢恭维,对于自下而上建模,需要知道每个关键点的坐标位置。下图是创建圆柱斜齿轮模型的命令流方式。 模型不同使用的数据也就不同了。 对于施加约束的问题这就必须要熟悉select e...

weixin_45385183的博客 1813

CSS之设置页面背景色为浅灰色

CSS设置页面背景色为浅灰色,代码示例如下:登录后复制 .list { background: #ebedf0; height: 100vh; overflow-y: scroll; overflow-x: hidden; }1.2.3.4.5.6.即可。 ...

weixin_40327704的博客 1128

n8n 快速入门1:构建一个简单的工作流

n8n 快速入门指南

engchina的专栏 1万+

CSS网页灰色代码方法分享

发生重大哀悼事件时候,很多网站都将网站灰色以示哀悼。在此我给大家总结了两种CSS网页灰色代码方法,分享给大家。

winkexin的博客 1933

css 网站功能

【代码】css 网站功能。

weixin_43294560的博客 2571

css 使图像变成灰色的技巧

某些情况下,例如网页上如果使用合作方 logo,能使网站更显得有说服力,但是这些 logo 一般是彩色的,为了使其不过于分散网站用户的注意力,同时网页设计也应当遵循只使用一种主色的原则,所以应当将这些图像全部设为灰色: 使用 CSS filter 属性,但是得到的 logo 颜色有深有浅,不所以是理想的颜色: filter: grayscale(100%); 改成下面的 cssfilter:brightness(0); opacity: 50%; 所有 logo 的颜色为一致的

学习笔记 5058

网站变成灰色-CSS实现

网站变成灰色了!!!

coding绝了都 248

【前端CSS网站变成灰色了,它是怎么实现的?(含源代码解析)

【前端CSS网站变成灰色了,它是怎么实现的?(含源代码解析)

wzk4869的博客 2259

哀悼,网站如何变成灰色,怎么实现?其实很简单,一行css就可以搞定

关键就是加了个滤镜样式,这个样式名叫做 filter。还有其他的有趣用法可以去官网看看,例如高斯模糊等…的样式代码,将他取消勾选页面颜色就正常了。你们可以打开网页的源代码 会发现都有个。

简单发点工作中用到的,或者记录下小知识点 326

css - 一行代码让网站全部页面变成灰色(清明节等日期,很多网站了,是如何实现的?)超级简单

简单一行CSS样式代码实现网站全局操作方式及教程方法CSS - 让整个页面变成灰色(一行代码一行css代码实现页面一行css网站灰色?一行代码网页,神奇的filter超简单一句CSS代码实现网站全站教程一行CSS 代码实现整个网站黑白效果如何用CSS代码将网页内容全部变成灰色网站一键css代码

✅ 精选推荐文章 892

CSS:怎么把网站变成灰色

实现网站变成灰色

weixin_44384273的博客 1678

怎么把php网站,让自己的网站的全部网页变成灰色(黑白色)

让自己的网站的全部网页变成灰色(黑白色)第一种:修改CSS文件我们可以在网页CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站CSS代码html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}第二种:在网页的标签内加入以下代码如...

weixin_33331063的博客 1256

2019-5-7 网站的代码

html {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url(desaturate.svg#grayscale);filter:progid:DX...

weixin_34261415的博客 506

网站变成灰色了,它是怎么实现的?

可以看到,目前的主流浏览器版本都支持 grayscale 函数,比如说 PC 端的 Chrome、edge、Firefox、Opera、Safari 等等,除了 IE。在网页端按下 F12,打开开发者模式,用元素选择器定位到 HTML 标签上,在「样式」的面板中往下翻,就可以看到这样一段代码。大致的意思就是,grayscale 是一个 CSS 函数,可以把图像转成灰色,参数是个百分比,结果返回一个 filter 函数。

沉默王二 8万+

网站变成灰色了,它是怎么实现

网站变成灰色了,它是怎么实现

这个人很懒,什么都没有留下。 1899

整个网站变成灰色的效果是怎样实现的?

2020年的开始,是一个历史性的痛,我们的国家经历了非常惨痛的时刻,很多英雄在救助他人的路上倒下,更有很多烈士英雄保卫人民的安危遇难, 2020 年 4 月 4 日是清明节当天,全国下降半旗,北京时间 10 点,全国默哀三分钟,来致敬英雄们。同时,当天一切公共娱乐活动也都会停止,包括直播、综艺、影视、游戏等等。 2020年4月4日,我们发现各大平台的网站主页和内容都变成灰色,比如百度、B 站、...

君子慎独,不欺暗室;卑以自牧,不欺于心 5014

网站变成灰色

今天是4月4日清明节,全国都在为抗击疫情(新冠肺炎)做斗争牺牲的烈士和逝世的同胞哀悼,作为一个技术人员,我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。 一、让网站变成灰色的办法 二、解除网站灰色的办法 安装一个插件:https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkj...

默默提升实验室 4686

CSS让整个网站变成灰色的做法

CSS让整个网站变成灰色的做法 方法一:直接在css样式文件里加上这段代码 html{-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} &lt;!–可以是整个网站变成灰色的–&gt; 方法二:可以直接插入到网页/模板文件里 html{fi...

fntcw的博客 835
上一篇: 关于MySql字符集的问题
下一篇: mysql中命令技巧
angelshm
博客等级 码龄20年 2粉丝 10原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值