DesignVaultAI
effect · gradient

Scroll-Aware Edge Fade Mask

Overflow lists whose edges fade with a mask-image linear-gradient only where more content exists: the fade length on each side tracks the remaining scroll distance (0 → 48px), so a list at its top has a crisp top edge and a soft bottom.

DesignVault · MCP