让整个网页(LOGO图片)色调全部变灰的方法(CSS写法)
2013-04-21 21:33
225 查看
四川雅安今天早上8:02分发生了7.0级地震。为了向地震灾区的死难者表示哀悼,将网站色调改为灰色是主要网站向地震等灾难表示哀悼的主要方式。今天晚上主要大网站已经陆续将网站的LOGO和网站的色调变成了灰色。包括LOGO、网站的图片等都变成了灰色。其实要将整个网站变成灰色调很简单,只需要一句CSS定义即可。
要将整个网站变成灰色调,你不用去一张一张改图片的色调。只需要在CSS文件的html节点上添加下面一条定义即可:
html {-webkit-filter: grayscale(100%);}
加上上面这一条,就不用你去一张一张调图片的颜色了。此方法对主要浏览器都有用。
已经将网站调为灰色(LOGO和首页的图片)的网站有:淘宝、163网易、微博。
要将整个网站变成灰色调,你不用去一张一张改图片的色调。只需要在CSS文件的html节点上添加下面一条定义即可:
html {-webkit-filter: grayscale(100%);}
加上上面这一条,就不用你去一张一张调图片的颜色了。此方法对主要浏览器都有用。
已经将网站调为灰色(LOGO和首页的图片)的网站有:淘宝、163网易、微博。
相关文章推荐
- 让整个网页(LOGO图片)色调全部变灰的方法(CSS写法)
- 让整个网页(LOGO图片)色调全部变灰的方法(CSS写法)
- 让整个网页(LOGO图片)色调全部变灰的方法(CSS写法)
- CSS解决图片过大撑破DIV网页方法
- 用CSS让网页背景图片居中的方法
- 网页图片变形解决方法-固定宽度高度按比例自动缩小CSS
- CSS针对IE6实现网页图片底部留出空白的方法
- CSS解决图片过大撑破DIV网页方法
- CSS特点及加入网页的四种方法
- css用一张大图片来设置背景优缺点 实现方法
- IE6下CSS图片缓存问题解决方法
- Css设置img属性让图片水平居中/居左/居右的写法
- CSS图片垂直居中方法
- JS+CSS实现淡入式焦点图片幻灯切换效果的方法
- CSS实现图片放大缩小的几种方法
- 简单的一个CSS菜单,不用图片也很好看_网页代码站(www.webdm.cn)
- css 标题一行图片 两行文字的排列方法以及相关问题处理
- 提供WebGIS网页应用到图片下载功能的方法
- CSS图片垂直居中方法整理集合 !(常见问题解答)
- css实现网页背景图片位置不随滚动条改变