运用css的属性:backdrop-filter: blur(8px)
其中backdrop-blur-[8px]《===》backdrop-filter: blur(8px)
<div className={`fixed top-0 left-0 w-screen h-screen z-[999]`}>
/** 模糊元素*/
<div className="absolute top-0 left-0 right-0 bottom-0 w-screen h-screen
bg-[#0000002d] backdrop-blur-[8px]"></div>
/**目标元素*/
<div
className="absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]">
测试
</div>
</div>