整个网站网页变黑白的效果

有时候网站在某种特定的情况下，需要使整个网站变成黑白的颜色。下面是如何让网站实现黑白效果的代码：

<style type="text/css">html {FILTER: gray;-webkit-filter: grayscale(100%);}
</style>

View Code

filter是滤镜的意思，filter:gray的意思就是说给页面加上一个灰度的滤镜，所以html里面的所有内容都会变成黑白的了。不过这个滤镜对于chrome和safari浏览器是无效的，所以下面会有一行-webkit-filter: grayscale(100%);这个样式是专属于使用webkit内核的浏览器的，意思和FILTER: gray;差不多，只是写法不同罢了。

转载于:https://www.cnblogs.com/luckgood/p/10644119.html

整个网站网页变黑白的效果相关推荐

沉痛哀悼，网页变黑白代码！
根据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿.5月19日14时28分起,全国人民默哀3分钟,届时汽车.火车. ...
css3滤镜属性filter实现网页变黑白效果
前言在特殊的日子里,很多网站页面都是黑白色的,其实用css3滤镜属性filter让网页马上变黑白,一行代码就搞定. 网页变黑白代码实现方法1:在你的css里加上以下代码即可,网页马上变黑白: ht ...
一行 CSS 代码实现整个网站网页变黑白灰的效果
背景在全国哀悼日(吊念地震.疫情等),如果你也是站长,想做点什么,那么可以把网站编程黑白以示哀悼.下面分享一行代码实现整个网站网页编程黑白灰色的效果,主要是通过修改 CSS 的方式实现的(如果想要全 ...
把网站服务器调黑白,网站快速变黑白灰色的4种方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么天下数据小编就说说,通过几行 ...
网站样式变黑白的办法
2019独角兽企业重金招聘Python工程师标准>>> 很多网站特别是国内大中型网站,都变成黑白的样式风格来表达哀思.很多的个人博客也把标志或者头像改为黑白,飞龙也想把网站改成黑白的 ...
沉痛悼念！网站快速变黑白灰色的4种方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天小编就说说,通过几行简单 ...
让整个网站网页变灰的方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天就说说,通过几行简单的代 ...
php如何让网页变黑白,怎么让网页变黑白色
怎么让网页变成黑白俩色?在一些特殊时期,网页都是要去掉彩色,只显示黑白俩色的,那么怎样让你的网页变成黑白色呢?今天就给大家带来这样一份教程. 让网页变成黑白色调,需要这么一段代码. html { -w ...
php如何让网页变黑白,网站改成黑白色（兼容大部分浏览器）
有很多时候我们的网站要改成黑白色的.如果说我们必图片有点夸张,如果说用JS效率会与HTML标签的多少直接影响.最好的办法就是用CSS.但是这个功能大家都不常用.我前段时间有这么一个需求.找了好久才找到 ...
看看大佬是如何用一行代码实现网页变灰的效果的
4月4日清明节,全国人民一起哀悼新冠肺炎牺牲烈士和逝世同胞. 清明时节雨纷纷,逝去的同胞,英雄一路走好. 网站变灰昨天我们看到很多网站主页和内容都变成了灰色,包括按钮,图片,是如何做到的呢? 实现方 ...

整个网站网页变黑白的效果

整个网站网页变黑白的效果相关推荐

最新文章

热门文章