哥几个,今天咱来聊聊怎么把网页整个变成黑白的,就跟老电影似的,看着挺有感觉。这事儿,不难,我前两天刚折腾过,来,我给你们一步步捋捋。我也没啥头绪,就瞎琢磨。先打开浏览器...
哥几个,今天咱来聊聊怎么把网页整个变成黑白的,就跟老电影似的,看着挺有感觉。这事儿,不难,我前两天刚折腾过,来,我给你们一步步捋捋。
我也没啥头绪,就瞎琢磨。先打开浏览器,随便找个网站,按一下键盘上的F12,这不就出来一堆代码嘛咱也看不懂,就瞎点呗。
先找到那个叫“Elements”或者“元素”的,这地儿就是放网页代码的地方。
然后在上面一堆代码里找,找到<head>这玩意儿,这一般是放网站配置信息的地方。
我就开始瞎删,把那些看起来像是管颜色、样式的代码,一行一行地删,每删一次就瞅瞅网页有啥变化。你还别说,真让我给蒙着,删到某一行的时候,网页“唰”的一下就变黑白!原来就这么简单!
然后,我就把这行代码记下来。这行代码,它大概长这样:
<style>html { -webkit-filter: grayscale(100%); filter: grayscale(100%); }</style>
这段代码的意思就是,用个叫filter的东西,然后把grayscale的值设置成100%,这grayscale翻译过来就是“灰度”,100%那就是全灰,网页自然就黑白。
为验证一下是不是这行代码起的作用,我打开另一个平时五颜六色的网站,还是老办法,F12打开,找到<head>,然后把刚才那行代码复制粘贴进去,一回车,也变黑白!
这下我心里就有底。我发现,网页变成黑白主要就是靠这个叫“filter”的东西,它里头有个“grayscale”的属性,能控制网页的灰度。这个属性的值是0到100%之间,0就是原来的颜色,100%就是完全黑白。
想要把网页变黑白,最简单的办法就是在网页的<head>里头加上这么一行代码。你也可以改改grayscale的值,比如50%,那就是半黑半彩,也挺有意思的。
我这都是自己瞎琢磨出来的,可能还有更专业的方法,不过我觉得这招挺好使,简单粗暴,还不用懂太多代码,你们也试试呗!