css案例2——黑白滤镜

一、描述

黑白滤镜，网页变黑白。

二、案例效果演示

三、案例局部代码

css代码：

 <style>
        body {
            filter: grayscale(1);//css3中的滤镜模式1也可以写为100%
        }
 style>

四、总结

1. 如果想让局部变，给包裹元素的盒子添加黑白滤镜即可，如果想让整个页面都变黑白，那就给body添加。
2. 参考文档：
   https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter