css - 给页面加渐变式蒙层效果

  近期做了一个项目，需要根据ui图在内容和展开之间做一个渐变式蒙层效果，然后根据同事提醒发现css3里面的filter滤镜可以做到这个效果。

一、效果图

二、实现过程

  需要先将一个白色部分定位到需要做蒙层的地方，然后再对这块做蒙层效果。代码如下：