您的位置:首页 > Web前端 > CSS

让整个网页(LOGO图片)色调全部变灰的方法(CSS写法)

2013-04-21 21:33 225 查看
四川雅安今天早上8:02分发生了7.0级地震。为了向地震灾区的死难者表示哀悼,将网站色调改为灰色是主要网站向地震等灾难表示哀悼的主要方式。今天晚上主要大网站已经陆续将网站的LOGO和网站的色调变成了灰色。包括LOGO、网站的图片等都变成了灰色。其实要将整个网站变成灰色调很简单,只需要一句CSS定义即可。

要将整个网站变成灰色调,你不用去一张一张改图片的色调。只需要在CSS文件的html节点上添加下面一条定义即可:

html {-webkit-filter: grayscale(100%);}

加上上面这一条,就不用你去一张一张调图片的颜色了。此方法对主要浏览器都有用。

已经将网站调为灰色(LOGO和首页的图片)的网站有:淘宝、163网易、微博。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: