背景

网页变黑白常用于表达悼念、怀念故去的著名人物、重大灾难事件等。

方法

通过分析，百度百科人物网页变黑白是这么做的：

webkit-filter: grayscale(1);

其中grayscale（）的取值为0%-100%，也可以用0-1取代，0%代表彩色图像，100%代表完全的灰度。
通过对html body 元素css style设置滤镜，达到“一键变色”的效果。代码简洁高效。

css filter的浏览器兼容：Chrome31+，Safari7+，Opera20+，ios Safari6+,Android Browser4.4+, Blackberry 10+均支持了-webkit-filter的方式，IE不支持，firefox不支持。

网站网页快速变黑白方法相关推荐

网站网页快速变灰方法
所有页面都变灰 <style> html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:gra ...
哀悼日网页彩色变黑白方法-css样式修改
哀悼日网页彩色变黑白方法-css样式修改 (2010-04-21 09:16:35) 转载▼ 标签: 默哀哀悼黑白分类: 技术全国默哀日,很多网站的图片等都变成了黑白色,修改页面的样式即可实现 ...
SEO提高网站排名快速见效的方法
SEO如何提升网站排名?seo中文名称搜索引擎优化,是提升网站排名的一种技术手段,常用的手段就是优化标签,内链外链等等,最核心的优化方向,"关键词".最常见的表现形式就是软文,但是 ...
empirecms php 很慢,关于帝国cms提高网站网页打开速度的方法
下面由帝国cms教程栏目给大家介绍帝国cms提高网站网页打开速度的方法,希望对需要的朋友有所帮助! 1.减少页面HTTP请求数量 2.使用CDN(Content Delivery Network)网络 ...
把网站服务器调黑白,网站快速变黑白灰色的4种方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么天下数据小编就说说,通过几行 ...
沉痛悼念！网站快速变黑白灰色的4种方法
一般在清明节,全国哀悼日,大地震的日子,以及一些影响力很大的伟人逝世或纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念.那么今天小编就说说,通过几行简单 ...
网页去色变黑白+网页黑白恢复为彩色
前言特定节日,你会发现网页和app首页都会变成灰色,以此来表达我们的哀思之情. 好奇宝宝想知道各个网站都是使用哪些小技巧来做出这种效果的(由彩变灰,由灰变彩),于是稍微学习了一下- 由灰变彩稍微想 ...
怎样使网页页面变黑白
经常看到很多网页全部变成黑白,好奇研究了下 <html><title>heibai</title><head><style> html { ...
HTML网页一键变黑白色调
我们的网站有时可能需要实现全站黑白色调功能(一般常用于悼念日) ,如何快速地实现一键黑白色调效果,我们需要了解 CSS 的 filter(滤镜) 属性关于 CSS 中 filter 的解释: htt ...

网站网页快速变黑白方法

背景

方法

网站网页快速变黑白方法相关推荐

最新文章

热门文章