css实现毛玻璃效果

关键点:

1.通过css3属性filter:blur(20px);来设置高斯模糊

2.通过伪元素增加一个层级,放置模糊的图片

3.通过设置background-attachment:fixed;将模糊图像和网页背景图重合

4.通过给伪元素的层设置margin:-30px;overflow:hidden;来扩大模糊效果