effect · gradient
Progressive Blur Bars
A native-app style progressive blur for a header and tab bar: five stacked backdrop-filter layers at 1, 2, 4, 8 and 16px, each masked to an overlapping linear-gradient band, so content scrolling underneath blurs gradually toward the edge with no hard line.