33、通过模糊来弱化背景

将网页上其他内容都用一个元素包裹起来,与弹出框形成兄弟元素,对这个元素使用滤镜

//主内容
//弹出框
main.wrap{ //通过JS给main元素添加wrap类就可以实现模糊效果 filter:blur(5px); transtion: .5s filter // 模糊可以使用CSS3渐变实现动画 } .con{ position: fixed; }
33、通过模糊来弱化背景_第1张图片

你可能感兴趣的:(33、通过模糊来弱化背景)