css实现透明滤镜高斯模糊效果 backdrop-filter

实现高斯模糊核心属性是 backdrop-filter
抓紧试试吧！

div {
    
    
	backdrop-filter: saturate(50%) blur(8px);
    background: rgba(255,255,255,.7);
}

使用下面这个背景能实现点阵效果

div {
    
    
	backdrop-filter: saturate(50%) blur(8px);
    background-image: radial-gradient(transparent 1px,var(--bg-color) 1px);
}

抓紧玩一玩吧！