通过css将网站页面变为黑白显示

简介: 通过css将网站页面变为黑白显示

样式代码

html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
相关文章
|
5月前
|
前端开发
如何用css显示一个图片中多个小图标
如何用css显示一个图片中多个小图标
|
8月前
|
前端开发
[CSS技巧] 使用黑白效果来改变网站外观
在一些特殊时期,或者特殊日子里,我们需要通过黑白样式展现网站。
|
10月前
|
前端开发
css文字超出显示...
css文字超出显示...
55 0
|
前端开发
css 怎么设置页面文本不被选中?
css 怎么设置页面文本不被选中?
84 0
css 怎么设置页面文本不被选中?
|
移动开发 前端开发 小程序
【笔记】纯css实现列表水平滑动(图片或文字内容不限)
纯css实现列表水平滑动(图片或文字内容不限)
267 0
|
前端开发
通过css将网站页面变为黑白显示
通过css将网站页面变为黑白显示
|
前端开发 JavaScript 移动开发
css隐藏内容样式方法(自适应页面常用)
H5自适应网站制作时经常会遇到的一个问题,电脑端页面缩小到手机端页面内后发现有些栏目,有些图片太大或者影响美观,那么这个问题在吗解决呢? 手机端最典型的就是iphoenplus最大宽度是414目前市场上占有率最大的大屏手机也差不多是这样,所以就可以写成当屏幕尺寸小于414px的时候屏幕下面所有的样式,为了不产生屏幕大小不一产生不同的样式错乱,所以这里建议写到480px,这样就囊括了基本上所有的手机屏幕了。
1281 0
|
前端开发
CSS实现文字竖排显示(兼容IE6/IE7)
平时我们常使文字横排显示,那么如何用CSS实现文字竖排显示呢?
12461 0