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);
}

抓紧玩一玩吧!

你可能感兴趣的:(css,html,1024程序员节,css)