用css 给我写一个毛玻璃效果加上一点阴影

以下是一种实现方式：

/* 设置容器的背景图片 */
.container {
  background-image: url("your-image-url");
  background-size: cover;
  position: relative;
}

/* 创建一个伪元素作为遮罩 */
.container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5); /* 设置半透明白色背景 */
  filter: blur(10px); /* 设置模糊效果 */
  z-index: -1;
}

/* 添加阴影效果 */
.container {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

解释：

首先，我们需要在容器中设置一个背景图片，并让它填充整个容器，这里使用 background-size: cover; 实现。
接下来，我们创建一个伪元素作为遮罩。这个遮罩将被放置在背景图片上面，使得整个容器看起来有毛玻璃效果。我们设置了遮罩的背景颜色为半透明白色，使用了 filter: blur(10px); 来实现模糊效果。
最后，我们在容器上添加了一个阴影效果，使得整个容器看起来更加立体。这里使用了 box-shadow 属性来实现。