glass-morphism

Glassmorphism

When It Works

• Floating toolbars/navigation over visual content
• Cards overlaying image backgrounds
• Status bars and overlays in media apps
• Modal overlays that maintain background context

When It Fails

• On solid color backgrounds (pointless, no background to show through)
• When readability is compromised
• Overuse: if everything is glass, nothing has visual weight
• On low-power devices (backdrop-filter is expensive)