ProgressiveBlur
渐进模糊 · 分层 backdrop-blur + mask 渐变(纯 CSS·RSC)
渐进模糊 · bottom
全状态
渐进模糊 · bottom
渐进模糊 · top
Playground
渐进模糊 · bottom
<div className="relative overflow-hidden">
{/* content */}
<ProgressiveBlur side="bottom" />
</div>渐进模糊 · 分层 backdrop-blur + mask 渐变(纯 CSS·RSC)
<div className="relative overflow-hidden">
{/* content */}
<ProgressiveBlur side="bottom" />
</div>