CSS3 filter grayscale 将整个界面变为黑白灰色调
【摘要】
通过外部样式
<link rel="stylesheet" type="text/css" href="myGrayscale.css">1
myGrayscale.css
html {...
通过外部样式
<link rel="stylesheet" type="text/css" href="myGrayscale.css">
- 1
myGrayscale.css
html {
/* IE 浏览器 */
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: grayscale(100%);
}
- 1
- 2
- 3
- 4
- 5
通过内联样式
<style type="text/css">
html {
/* IE 浏览器 */
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: grayscale(100%);
}
</style>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
嵌入代码
<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter: grayscale(100%);">
- 1
文章来源: blog.csdn.net，作者：福州-司马懿，版权归原作者所有，如需转载，请联系作者。
原文链接：blog.csdn.net/chy555chy/article/details/54971735
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）