大家好,今天小编关注到一个比较有意思的话题,就是关于css滤镜教程的问题,于是小编就整理了1个相关介绍css滤镜教程的解答,让我们一起看看吧。
网站所有颜色,图片如何轻松转换成灰度图?
我这里以今日头条的PC版网页为例,采用google的chrome浏览器分析网页的html代码,深入解析彩色图片显示为灰色图的原理。
第一步,用笔记本电脑打开chrome浏览器,在地址栏中输入今日头条的网址www.toutiao.com 如下图,整个网页成了灰色。
按“F12"键, 或者依次点击“更多工具”->“开发者工具”。
如下图,点击选择下图所指的图标,并将鼠标移动到左边网页区域,再鼠标点击网页任何位置。
在HTML源码显示的区域,将滚动条拉至最上方,找到下面这一条html语句:
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院决定,2020 年 4 月 4 日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4 月 4 日 10 时起,全国人民默哀 3 分钟,汽车、火车、舰船鸣笛,防空警报鸣响。
一般在全国哀悼日,国内各大网站都会将整站换成素装。并建议中国所有站点更换为素装。为方便站点变换,特提供 css 滤镜代码,以表哀悼。以下为全站 CSS 代码。
使用方法:将此段 CSS 放置在网页 head 标签中,网站即可变为黑白灰的色调。
到此,以上就是小编对于css滤镜教程的问题就介绍到这了,希望介绍关于css滤镜教程的1点解答对大家有用。