一行代码，让网页变为黑白配色

最新推荐文章于 2024-10-18 19:19:52 发布
最新推荐文章于 2024-10-18 19:19:52 发布
阅读量230 收藏 1
点赞数
分类专栏： CSS HTML 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41470109/article/details/128150411
版权
CSS 同时被 2 个专栏收录
4 篇文章 0 订阅
订阅专栏
HTML
3 篇文章 0 订阅
订阅专栏 
filter: grayscale(1)

为了使整个网页生效，你可以把它放在 <html> 标签的样式里
为了更好的兼容性，你可以加一下前缀：

<html style="filter:grayscale(1);-webkit-filter:grayscale(1)">
...
</html>

原理

我们使用了 CSS 特性 filter，并用了 grayscale 对图片进行灰度转换，允许有一个参数，可以是数字（0到1）或百分比，0% 到 100% 之间的值会使灰度线性变化。

web前端小小帅
关注
专栏目录
将网站变黑白的代码将网站变黑白的代码
05-12
将网站设计你想的样子的方法码将网站变黑白的代码
网站变成灰色@IE
仰角45度向上
04-28 717
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
网页变黑白代码
里查叔叔
12-07 515
网页变黑白只需几行代码
网站变为黑白色样色代码
A_Lonely_Smile的博客
04-04 267
* { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)...
网站瞬间变黑白颜色代码
zhang01457的博客
04-04 839
网站瞬间变黑白颜色代码 网站黑白效果展示 代码: html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); } 使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。 有一些站长的网站可能使用这个cs...
HTML获奖作品,最新潮的24组获奖网页作品欣赏
weixin_33050117的博客
05-30 1852
当下的设计趋势已经彻底改变了过去几年对于网页设计的概念，而且至少在接下来的这一年里会发展得如火如荼。我们已经接触到了垂直滚动、扁平化设计、复古的配色、极简的配色，以及幻灯动画展示，当然，响应式设计才是最头等的趋势。最近我们看到了透明的幻灯展示以及长投影设计，在本文的案例中，我们将会看到这些趋势带来了巨大的影响，它们颠覆了以往的拟物设计成为新一轮的潮流。随着移动设备的扩大使用，设计师的责任愈加重大，...
在线HTML编辑器代码
12-13 3165
1.html编辑BODY { COLOR: black; FONT-SIZE: 9pt}TD { COLOR: black; FONT-SIZE: 9pt}TH { COLOR: black; FONT-SIZE: 9pt}A { TEXT-DECORATION: none}A:hover { COLOR: blue}INPUT { BACKGROUND-COLOR: #dddddd; wid
source insight 编程风格（持续更新）
本地服务器
07-31 8709
source insight 编程风格 插件
电视机原理与维修 考试题
10-21
2. 当色饱和度为零时，彩色电视机的图像会变为黑白图像，因为此时色彩信息完全消失，只剩下亮度信息。 3. 在电视技术中，三基色指的是红（Red）、绿（Green）和蓝（Blue），简称RGB，它们通过不同的组合可以产生...
【ABviewer从零开始教学查看器篇④】可视化参数和图纸定位
mnrssj的博客
05-21 1052
ABViewer是一款高质量、高效率、低成本的多功能设计及工程文档管理工具，能为您提供全面的专业的浏览及编辑功能，同时支持30多种光栅和矢量图形格式。 在小编看来，ABViewer是一款非常简单且实用的CAD文档查看与编辑器。对于使用小白可能还比较陌生，现在小编为大家整理了一篇《ABViewer从零开始系列操作教程》，从查看到编辑，以及其他功能的使用，供大家学习。 ABViewer最新版免费下载 ...
网站变黑白颜色的完全代码
04-22
将这段代码插入到你要便黑白的网页的这个标签的上面。也就是说所有外部样式表的下面。这样就能实现整个网页变成黑白色。
网站变黑白色CSS一行代码实现
12-01
以下为全站CSS代码. 复制代码代码如下: html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装.建议全国站长动起来.为在地震中遇难的同胞哀悼. 如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入: 复制代码代码如下: <style> html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} <
网站变黑白JS
04-26
网站变黑白JS,遇到大难，虽把网页变黑白色，此JS可实现。
只需一行代码纯css实现把网站变为黑白
qq_43728149的博客
04-04 414
在网站头部中加入如下样式即可。 <style> html {-webkit-filter: grayscale(100%);} </style>
网页变黑白
刘远的编程技术博客
12-16 2070
HTML代码中增加样式 添加以下代码即可将页面调整为黑白色 <style type="text/css"> body { filter:grayscale(1); } </style>``` filter(滤镜) 控制灰度：grayscale设置为1 即为所需效果 ...
网页黑白代码将整个网站变为黑白色怎么弄
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
12-01 2823
网页黑白代码将整个网站变为黑白色怎么弄呢，主要有三种方法：将整个网页设为黑白色代码、将整个网页在一个时间设为黑白色代码和将整个网站在一个时间段设为黑白色代码。 1.将整个网页设为黑白色代码如下： -webkit-filter: grayscale(100%); //网页黑白代码将整个网站（包括子页）变为黑白色 2.将整个网页在一个时间设为黑白色代码如下：
将整个网站（包括子页）变为黑白色
热门推荐
susan的博客
04-07 1万+
1.将整个网页设为黑白色代码如下： <style type="text/css"> -webkit-filter: grayscale(100%); </style> 2.将整个网页在一个时间设为黑白色代码如下： <script src="js/jquery-3.4.0.min.js"></script> <script type="t...
HTML第一次作业
最新发布
qq_74541296的博客
10-18 164
制作一个表格表单相结合的网页。
网页设计艺术：布局与配色策略
在网页设计中，配色和布局是两个至关重要的方面。 网页配色不仅仅是选择颜色那么简单，它涉及到如何通过视觉元素传达信息并创造舒适的用户体验。色彩理论在网页设计中扮演着核心角色，RGB模式是网页设计中最基础的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值