网站变黑白色CSS一行代码实现

2016-02-19 23:29 14 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的网站变黑白色CSS一行代码实现，喜欢的朋友可以分享一下，也算是给小编一份支持，大家都不容易啊!

【 tulaoshi.com - Web开发】

　　5．12地震给四川人民带来了巨大灾难，5月19日到5月21日为全国哀悼日，有很多网站界面今天都变成了黑白色，从而纪念那些在地震中死去的逝者。对于普通的站长来说，对于灾难并不能多做些什么，但可以做到将自己的网站也变成黑白色，从而缅怀那些地震逝者。
　　
　　如果用传统的方法将网站变成黑白色非常的麻烦，需要更换页面的文件，并且要对图片进行更改。但如果自己的网站支持CSS的话，一切变得很简单。只要是符合w3标准的网页，在CSS文件的最前面加上一行代码就可以了，这段代码使用的是CSS滤镜，将网页中的色彩部分过滤掉。

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }（不换行）

　　加上代码之后，再次刷新网页就会发现页面已经变成黑白的了（配图）。还在等什么，赶快给自己的网站加上一行代码，变成黑白色，一起来缅怀在地震中去世的人。

网站变黑白色

来源:http://www.tulaoshi.com/n/20160219/1630025.html

上一篇： Do you mean it? 你是认真的吗?
下一篇： CSS高级技巧:网页布局

看过《网站变黑白色CSS一行代码实现》的人还看了以下文章更多>>

取得TextBox 某一行的字串

标签：编程语言网络编程

这是使用EM_GETLINE message来做，比较奇特的是lParam是指向一个字串所在的位置，但是该字串传入时，前两个Byte要存该字串允许的最大长度。 '以下在Form需一个TextBox，并设定MultiLine = True, 一个Command ButtonPrivate Sub Command1_Click()Dim str5 As Stringstr5 = GetaLine(Text1,1) '取得第二行的字串，以0为基底En...

纯CSS代码实现翻页

标签： Web开发

!DOCTYPE a href="/keys/html/index.html" target="_blank"html/a PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" head profile="http://www.w3.org/2000/08/w3c-synd/#" meta http-equiv="content-language" content="z...

CSS实现段落首行缩进

标签： Web开发

段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。 text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。 ...

用一行代码将Safari浏览器变成记事本