全站变灰的CSS代码
2013-12-01 23:32
330 查看
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 将全站变为灰色的为地震祈祷的CSS代码
- 哀悼改变全站颜色为灰色CSS代码收藏
- 完整的全站黑白css代码为:
- 支持 Firefox、Chrome 等主流浏览器的全站变灰 CSS 代码
- 全站变灰的CSS代码－适合特殊时刻哀悼
- 使用PHP下载CSS文件中的所有图片【几行代码即可实现】
- CSS透明属性详解代码
- CSS代码实现翻页
- CSS 鼠标经过，图片变大代码
- 完美的背景图全屏css代码 – background-size:cover?
- 通用的二级菜单代码(css+javascript)
- Zen Coding: 一种快速编写HTML/CSS代码的方法
- 让表格圆角显示的CSS代码是什么?
- 纯css的防止图片撑破页面的代码(图片自动缩放)
- CSS+JS滚动图片功能代码
- 漂亮纯css蓝白色横向导航条代码
- Js+CSS实现的间断和不间断文本滚动代码
- CSS初始化示例代码
- CSS代码语法