css类似于打马赛克

在某些内容上有一层遮罩，具体用法看需求

没有遮罩前

有遮罩后

 具体实现css

 width: 100%;
  height: 100%;
  background-image: radial-gradient(transparent 1px, #0a1728 1px);
  backdrop-filter: saturate(50%) blur(4px);    
  background-size: 4px 4px;
  position: absolute;
  top: 0;
  z-index: 9;