背景模糊,内容不模糊

0 阅读1分钟

背景

需求:实现背景模糊,内容不模糊。

filter: blur可能存在边缘透明的问题,这是因为他只凭借自身区域计算模糊,处理边界时,会把透明像素混合进来。
而backdrop-filter:blur(),在处理边界时,能够向外部"借"像素来计算模糊。

image.png

示例