.footer {
position: fixed;
bottom: 0;
width: 100%;
background-color: white;
filter: blur(10px);
z-index: 1;
}使用底部模糊效果可以使底部区域与其他内容之间形成良好的分界，同时也可以增加整个页面的视觉层次。在CSS中，大家可以使用filter属性来实现底部模糊效果，它的具体用法如上所示。
首先，大家需要为底部元素添加一个position: fixed;以使其固定在页面底部。然后，大家可以使用bottom: 0;来将其与底部对齐，同时也需要设置宽度为100%。接着，大家需要设置一个背景颜色，这里偶选择了白色。
接下来就是关键步骤了，大家使用filter属性来实现底部模糊效果，这里的参数是blur(10px)，表示模糊半径为10px。最后，大家设置一个较高的z-index值，以确保底部元素在其他元素之上。
实际上，除了模糊效果，CSS的filter属性还支持许多其他的效果，比如灰度、饱和度、对比度等效果，可以根据不同的需求进行使用。