一、介绍(一般有重大悲事,才会使用这种全局的滤镜效果,像某某有重大贡献领导人牺牲了,在百度上有时会看到,整个页面是灰白的;另外就是专门进行图片滤镜处理)
二、代码:
1. 全局使用
<style>
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
</style>
2. 具体使用
<style>
img:nth-of-type(2) {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
</style>
<img src="image/img-logo1.png" alt="">
<img src="image/img-logo1.png" alt="">
三、效果图
欢迎关注技术开发分享录:http://fenxianglu.cn/