首页 / CSS / css滤镜实现页面灰色黑白色效果代码_经验交流

css滤镜实现页面灰色黑白色效果代码_经验交流

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css滤镜实现页面灰色黑白色效果代码_经验交流，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1021字，纯文字阅读大概需要2分钟。

内容图文

淘宝的代码

代码如下:

html {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}


CSS3 greyscale 滤镜实现

如下测试代码：
代码如下:

.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}


html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。

如果网站没有使用CSS，可以在网页/模板的HTML代码和 之间插入：



有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议




请将网页最头部的替换为以上代码。

有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的<object …>和之间插入：




最简单的把页面变成灰色的代码是在head 之间加

一般的discuz论坛在 你的控制css 文件下修改/images/header/header.css 这个文件

内容总结

以上是互联网集市为您收集整理的css滤镜实现页面灰色黑白色效果代码_经验交流全部内容，希望文章能够帮你解决css滤镜实现页面灰色黑白色效果代码_经验交流所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/415883.html

来源：【匿名】