backdrop-filter 和filter 写出高斯模糊效果 以及两者区别

filter 是让图片模糊；

img{
      width:200px;
      height:300px;
      filter:blur(5px); 
    }

backdrop-filter 是让背景模糊，不会影响到背景下面的图片；

.mask{
      position:fixed;
      top:0;
      bottom:0;
      left:0;
      right:0;
      background:rgb(7,17,27,.5);
      z-index:1; 
      backdrop-filter: blur(5px);
    }