CSS制作点状毛玻璃半透明效果

Element Plus顶部导航的点状半透明效果看起来很特殊，既不是传统的透明度降低，也不是毛玻璃效果。

查看样式后发现这一部分的代码是这样的：

  background-image: radial-gradient(transparent 1px, #fff 1px);
  background-size: 4px 4px;
  backdrop-filter: saturate(50%) blur(4px);

使用background-image白色与透明色渐变制作出一个白色与透明色的交替色块，再用background-size限定background-image的范围，使交替色块铺满整个背景，最后使用backdrop-filter制作模糊遮罩的毛玻璃效果。