HTML5毛玻璃效果实现：CSS blur滤镜示例

.blur-box {
  background-image: url('your-image.jpg');
  background-size: cover;
  width: 500px;
  height: 500px;
  padding: 20px;
  filter: blur(5px);
  opacity: 0.8;
}
.blur-box p {
  color: white;
  font-size: 36px;
  text-align: center;
}

使用CSS的blur滤镜属性可以模糊整个盒子的背景图像。Filter属性使模糊效果成为可能，而opacity属性使文本框稍微透明，以便更好地看到文本。