实现效果如图:
// 定义实现模糊效果的类名
.filter {
filter: blur(3px);
-webkit-filter: blur(3px); // 数字越大模糊效果越明显
}
实现过程: 点击弹窗的时候,将 filter 类名赋给需要模糊的盒子,弹窗关闭的时候,将 filter 类名移除即可。
实现效果如图:
// 定义实现模糊效果的类名
.filter {
filter: blur(3px);
-webkit-filter: blur(3px); // 数字越大模糊效果越明显
}
实现过程: 点击弹窗的时候,将 filter 类名赋给需要模糊的盒子,弹窗关闭的时候,将 filter 类名移除即可。