实现高斯模糊核心属性是 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);
}
抓紧玩一玩吧!