web端css实现高斯模糊：filter/backdrop-filter

客户要求实现前端实现毛玻璃效果：即PS中的高斯模糊效果
翻了翻资料发现还真是能实现，甚至连正片叠底效果都能实现，效果叠加，不得不感慨css3的日益强大。

1. dropback-filter:

用法：直接作用于当前元素，当前元素及其父元素，或其背景都会被高斯模糊

/* SVG 过滤器 */
backdrop-filter: url(commonfilters.svg#filter);

/* <filter-function> 过滤器函数 */
backdrop-filter: blur(2px);    //模糊
backdrop-filter: brightness(60%);    //亮度
backdrop-filter: contrast(40%);    //对比度
backdrop-filter: drop-shadow(4px 4px 10px blue);    //图像后方阴影
backdrop-filter: grayscale(30%)